77 lines
1.5 KiB
Vue
77 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<q-layout view="hHh lpR fFf">
|
||
|
|
|
||
|
|
<q-header elevated class="bg-primary text-white">
|
||
|
|
<q-toolbar>
|
||
|
|
<q-toolbar-title>
|
||
|
|
BTG Linkumwandler
|
||
|
|
</q-toolbar-title>
|
||
|
|
</q-toolbar>
|
||
|
|
</q-header>
|
||
|
|
|
||
|
|
<q-page-container>
|
||
|
|
<router-view />
|
||
|
|
</q-page-container>
|
||
|
|
</q-layout>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { ref } from 'vue'
|
||
|
|
import EssentialLink from 'components/EssentialLink.vue'
|
||
|
|
|
||
|
|
defineOptions({
|
||
|
|
name: 'MainLayout'
|
||
|
|
})
|
||
|
|
|
||
|
|
const linksList = [
|
||
|
|
{
|
||
|
|
title: 'Docs',
|
||
|
|
caption: 'quasar.dev',
|
||
|
|
icon: 'school',
|
||
|
|
link: 'https://quasar.dev'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Github',
|
||
|
|
caption: 'github.com/quasarframework',
|
||
|
|
icon: 'code',
|
||
|
|
link: 'https://github.com/quasarframework'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Discord Chat Channel',
|
||
|
|
caption: 'chat.quasar.dev',
|
||
|
|
icon: 'chat',
|
||
|
|
link: 'https://chat.quasar.dev'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Forum',
|
||
|
|
caption: 'forum.quasar.dev',
|
||
|
|
icon: 'record_voice_over',
|
||
|
|
link: 'https://forum.quasar.dev'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Twitter',
|
||
|
|
caption: '@quasarframework',
|
||
|
|
icon: 'rss_feed',
|
||
|
|
link: 'https://twitter.quasar.dev'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Facebook',
|
||
|
|
caption: '@QuasarFramework',
|
||
|
|
icon: 'public',
|
||
|
|
link: 'https://facebook.quasar.dev'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: 'Quasar Awesome',
|
||
|
|
caption: 'Community Quasar projects',
|
||
|
|
icon: 'favorite',
|
||
|
|
link: 'https://awesome.quasar.dev'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
const leftDrawerOpen = ref(false)
|
||
|
|
|
||
|
|
function toggleLeftDrawer () {
|
||
|
|
leftDrawerOpen.value = !leftDrawerOpen.value
|
||
|
|
}
|
||
|
|
</script>
|