29 lines
675 B
Vue
29 lines
675 B
Vue
<template>
|
|
<Layout v-if="session().isLoggedIn">
|
|
<router-view />
|
|
</Layout>
|
|
<Dialogs />
|
|
<Toasts />
|
|
</template>
|
|
|
|
<script setup>
|
|
import { Dialogs } from '@/utils/dialogs'
|
|
import { sessionStore as session } from '@/stores/session'
|
|
import { Toasts } from 'frappe-ui'
|
|
import { computed, defineAsyncComponent } from 'vue'
|
|
|
|
const MobileLayout = defineAsyncComponent(
|
|
() => import('./components/Layouts/MobileLayout.vue'),
|
|
)
|
|
const DesktopLayout = defineAsyncComponent(
|
|
() => import('./components/Layouts/DesktopLayout.vue'),
|
|
)
|
|
const Layout = computed(() => {
|
|
if (window.innerWidth < 640) {
|
|
return MobileLayout
|
|
} else {
|
|
return DesktopLayout
|
|
}
|
|
})
|
|
</script>
|