basic app sceleton

vue3/src/apps/tandoor/Tandoor.vue

@@ -1,11 +1,60 @@
-<script setup lang="ts">
+<template>
+    <v-app>
+        <v-app-bar color="primary" >
+            <template v-slot:prepend>
+                <v-app-bar-nav-icon></v-app-bar-nav-icon>
+            </template>
+
+            <v-app-bar-title><v-img src="../../assets/brand_logo.svg"></v-img></v-app-bar-title>
+        </v-app-bar>
+
+        <v-main>
+            <router-view></router-view>
+        </v-main>
+
+        <v-bottom-navigation>
+            <v-btn value="recent" to="/">
+                <v-icon>mdi-history</v-icon>
+
+                <span>Recipes</span>
+            </v-btn>
+
+            <v-btn value="favorites" to="/about">
+                <v-icon>mdi-shopping</v-icon>
+
+                <span>Shopping</span>
+            </v-btn>
+
+            <v-btn value="nearby">
+                <v-icon>mdi-book</v-icon>
+
+                <span>Books</span>
+            </v-btn>
+        </v-bottom-navigation>
+    </v-app>
+
+
+</template>
+
+<script lang="ts">
+
+import {defineComponent} from 'vue'
+
+export default defineComponent({
+    components: {},
+    mixins: [],
+    data() {
+        return {}
+    },
+    mounted() {
+
+    },
+    methods: {},
+})
 
 </script>
 
-<template>
-    Test Template content
-</template>
-
 <style scoped>
 
-</style>
+
+</style>

vue3/src/apps/tandoor/main.ts

@@ -1,12 +1,42 @@
 import {createApp} from "vue";
-import { createPinia } from 'pinia'
+import {createRouter, createWebHashHistory} from 'vue-router'
+import {createPinia} from 'pinia'
 // @ts-ignore
 import App from './Tandoor.vue'
 
 
+import 'vite/modulepreload-polyfill';
+import vuetify from "@/vuetify";
+import test1 from "@/components/test1.vue";
+import test2 from "@/components/test2.vue";
+
+// 1. Define route components.
+// These can be imported from other files
+
+
+// 2. Define some routes
+// Each route should map to a component.
+// We'll talk about nested routes later.
+const routes = [
+    {path: '/', component: test1},
+    {path: '/about', component: test2},
+]
+
+// 3. Create the router instance and pass the `routes` option
+// You can pass in additional options here, but let's
+// keep it simple for now.
+const router = createRouter({
+    // 4. Provide the history implementation to use. We
+    // are using the hash history for simplicity here.
+    history: createWebHashHistory(),
+    routes, // short for `routes: routes`
+})
+
 
 const app = createApp(App)
 
 app.use(createPinia())
+app.use(vuetify)
+app.use(router)
 
 app.mount('#app')