42 lines
1.0 KiB
Vue
42 lines
1.0 KiB
Vue
<script>
|
|
export default {
|
|
data: () => ({
|
|
apps: [
|
|
{
|
|
name: 'Transmission',
|
|
component: resolveComponent('SvgTransmission')
|
|
},
|
|
{
|
|
name: 'Gitea',
|
|
component: resolveComponent('SvgGitea')
|
|
},
|
|
{
|
|
name: 'Jellyfin',
|
|
component: resolveComponent('SvgJellyfin')
|
|
},
|
|
{
|
|
name: 'Nextcloud',
|
|
component: resolveComponent('SvgNextcloud')
|
|
}
|
|
]
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<section class="bg-slate-300 p-8 bg-gradient-to-r from-violet-100 to-indigo-100 rounded-t-xl">
|
|
<h2 class="title">
|
|
Pre-configured applications
|
|
</h2>
|
|
<ul class="flex justify-center p-2 max-w-full flex-wrap">
|
|
<li v-for="app in apps" :key="app" class="m-4">
|
|
<a :href="'https://github.com/docker-web/docker-web/tree/master/apps/' +
|
|
app.name.toLowerCase()
|
|
" :title="app.name">
|
|
<component :is="app.component" class="app hover:scale-110" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</template>
|