refactor: everything to nuxt.js

app/layouts/admin.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const leftDrawer = ref(false);
+</script>
+
+<template>
+  <q-layout view="hHh Lpr fFf">
+    <q-header elevated>
+      <q-toolbar>
+        <q-btn flat round dense icon="menu" @click="leftDrawer = !leftDrawer" />
+        <q-toolbar-title>Admin</q-toolbar-title>
+      </q-toolbar>
+      <q-tabs>
+        <q-route-tab icon="person" to="/admin/user" replace label="Users" />
+        <q-route-tab icon="directions_boat" to="/admin/boat" replace label="Boats" />
+      </q-tabs>
+    </q-header>
+
+    <q-drawer v-model="leftDrawer" side="left" bordered content-class="bg-grey-2">
+      <q-scroll-area class="fit q-pa-sm" />
+    </q-drawer>
+
+    <q-page-container>
+      <slot />
+    </q-page-container>
+  </q-layout>
+</template>

app/layouts/default.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useQuasar } from 'quasar';
+import BottomNavComponent from '~/components/BottomNavComponent.vue';
+import LeftDrawer from '~/components/LeftDrawer.vue';
+import { APP_VERSION } from '~/utils/version';
+
+const q = useQuasar();
+const route = useRoute();
+const leftDrawerOpen = ref(false);
+
+function toggleLeftDrawer() {
+  leftDrawerOpen.value = !leftDrawerOpen.value;
+}
+
+q.addressbarColor?.set('#14539a');
+</script>
+
+<template>
+  <q-layout view="hHh Lpr fFf">
+    <q-header elevated>
+      <q-toolbar>
+        <q-btn
+          flat
+          dense
+          round
+          icon="menu"
+          aria-label="Menu"
+          @click="toggleLeftDrawer" />
+        <q-toolbar-title>{{ route?.meta?.title as string }}</q-toolbar-title>
+        <q-space />
+        <div>v{{ APP_VERSION }}</div>
+      </q-toolbar>
+    </q-header>
+    <LeftDrawer
+      :drawer="leftDrawerOpen"
+      @drawer-toggle="toggleLeftDrawer" />
+    <q-page-container>
+      <slot />
+    </q-page-container>
+    <q-footer>
+      <BottomNavComponent />
+    </q-footer>
+  </q-layout>
+</template>