All files / src App.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'
 
import AuthLayout from '@/layouts/AuthLayout.vue'
import AppLayout from '@/layouts/AppLayout.vue'
import UserLayout from '@/layouts/UserLayout.vue'
import Toast from '@/components/ui/Toast.vue'
 
const route = useRoute()
 
const layout = computed(() => {
  switch (route.meta.layout) {
    case 'auth':
      return AuthLayout
    case 'user':
      return UserLayout
    default:
      return AppLayout
  }
})
</script>
 
<template>
  <component :is="layout">
    <RouterView />
  </component>
  <Toast />
</template>