33 lines
1018 B
Vue
33 lines
1018 B
Vue
<script>
|
|
import Code from 'Svg/apps/code.vue'
|
|
import Deluge from 'Svg/apps/deluge.vue'
|
|
import Drone from 'Svg/apps/drone.vue'
|
|
import Gitea from 'Svg/apps/gitea.vue'
|
|
import Jellyfin from 'Svg/apps/jellyfin.vue'
|
|
import Nextcloud from 'Svg/apps/nextcloud.vue'
|
|
import Penpot from 'Svg/apps/penpot.vue'
|
|
import Plausible from 'Svg/apps/plausible.vue'
|
|
|
|
export default {
|
|
components: { Code, Deluge, Drone, Gitea, Jellyfin,Nextcloud, Penpot, Plausible },
|
|
data: () => ({
|
|
apps: ['Deluge', 'Drone', 'Gitea', 'Jellyfin', 'Nextcloud', 'Penpot', 'Plausible'],
|
|
}),
|
|
}
|
|
</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" class="m-4">
|
|
<a :href="('https://github.com/valerebron/pegaz/tree/master/services/'+app.toLowerCase())" :title="app">
|
|
<component :is="app" class="app" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</template>
|