66 lines
1.4 KiB
Vue
66 lines
1.4 KiB
Vue
<script>
|
|
export default {
|
|
data: () => ({
|
|
apps: [
|
|
{
|
|
name: 'Deluge',
|
|
component: resolveComponent('SvgDeluge')
|
|
},
|
|
{
|
|
name: 'Drone',
|
|
component: resolveComponent('SvgDrone')
|
|
},
|
|
{
|
|
name: 'Gitea',
|
|
component: resolveComponent('SvgGitea')
|
|
},
|
|
{
|
|
name: 'Hoppscotch',
|
|
component: resolveComponent('SvgHoppscotch')
|
|
},
|
|
{
|
|
name: 'Jellyfin',
|
|
component: resolveComponent('SvgJellyfin')
|
|
},
|
|
{
|
|
name: 'Nextcloud',
|
|
component: resolveComponent('SvgNextcloud')
|
|
},
|
|
{
|
|
name: 'Plausible',
|
|
component: resolveComponent('SvgPlausible')
|
|
},
|
|
{
|
|
name: 'Penpot',
|
|
component: resolveComponent('SvgPenpot')
|
|
},
|
|
{
|
|
name: 'Radio',
|
|
component: resolveComponent('SvgRadio')
|
|
}
|
|
]
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<section>
|
|
<h2 class="title">
|
|
Pre-configured applications
|
|
</h2>
|
|
<ul class="flex justify-center p-4 m-4 max-w-full flex-wrap">
|
|
<li v-for="app in apps" :key="app" class="m-4">
|
|
<a
|
|
:href="
|
|
'https://github.com/valerebron/pegaz/tree/master/services/' +
|
|
app.name.toLowerCase()
|
|
"
|
|
:title="app.name"
|
|
>
|
|
<component :is="app.component" class="app" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</template>
|