structure cleanup

vue3/src/apps/tandoor/Tandoor.vue

@@ -2,7 +2,7 @@
     <v-app >
 
         <v-app-bar color="tandoor" flat density="comfortable">
-            <router-link :to="{name: 'view_search', params: {}}">
+            <router-link :to="{name: 'view_start', params: {}}">
                 <v-img src="../../assets/brand_logo.svg" width="140px" class="ms-2"></v-img>
             </router-link>
             <global-search-dialog></global-search-dialog>

vue3/src/apps/tandoor/main.ts

@@ -8,17 +8,18 @@ import mavonEditor from 'mavon-editor'
 import 'vite/modulepreload-polyfill';
 import vuetify from "@/vuetify";
 import ShoppingListPage from "@/pages/ShoppingListPage.vue";
-import RecipeSearchPage from "@/pages/RecipeSearchPage.vue";
+import StartPage from "@/pages/StartPage.vue";
 import RecipeViewPage from "@/pages/RecipeViewPage.vue";
 import luxonPlugin from "@/plugins/luxonPlugin";
 import RecipeEditPage from "@/pages/RecipeEditPage.vue";
 import MealPlanPage from "@/pages/MealPlanPage.vue";
 import Vueform from '@vueform/vueform'
 import vueform from '@/vueform'
+import SearchPage from "@/pages/SearchPage.vue";
 
 const routes = [
-    {path: '/', redirect: '/search', name: 'index'},
+    {path: '/', component: StartPage, name: 'view_start'},
-    {path: '/search', component: RecipeSearchPage, name: 'view_search'},
+    {path: '/search', component: SearchPage, name: 'view_search'},
     {path: '/shopping', component: ShoppingListPage, name: 'view_shopping'},
     {path: '/mealplan', component: MealPlanPage, name: 'view_mealplan'},
     {path: '/books', component: ShoppingListPage, name: 'view_books'},

vue3/src/components/inputs/GlobalSearchDialog.vue

@@ -94,7 +94,7 @@ export default defineComponent({
             dialog: false,
             recipes: [] as Recipe[],
             flat_recipes: [] as RecipeFlat[],
-            search_query: null,
+            search_query: null as string|null,
             selected_result: 0,
         }
     },

vue3/src/pages/SearchPage.vue

@@ -0,0 +1,35 @@
+<template>
+
+
+</template>
+
+<script lang="ts">
+import {defineComponent} from 'vue'
+import ModelSelect from "@/components/inputs/ModelSelect.vue";
+import RecipeCard from "@/components/display/RecipeCard.vue";
+import {ApiApi, Recipe, RecipeOverview} from "@/openapi";
+
+
+export default defineComponent({
+    name: "SearchPage",
+    components: {ModelSelect, RecipeCard},
+    data() {
+        return {
+            test: {
+                text: String,
+            },
+        }
+    },
+    mounted() {
+
+    },
+    methods: {
+
+    }
+
+})
+</script>
+
+<style scoped>
+
+</style>

vue3/src/pages/StartPage.vue

@@ -1,10 +1,6 @@
 <template>
     <v-container>
 
-        <v-btn>
-            <meal-plan-dialog></meal-plan-dialog>
-        </v-btn>
-
         <horizontal-meal-plan-window></horizontal-meal-plan-window>
 
 
@@ -33,7 +29,7 @@ import MealPlanDialog from "@/components/dialogs/MealPlanDialog.vue";
 
 
 export default defineComponent({
-    name: "RecipeSearchPage",
+    name: "StartPage",
     components: {MealPlanDialog, HorizontalMealPlanWindow, HorizontalRecipeScroller, RecipeCard, GlobalSearchDialog, RecipeCardComponent, KeywordsComponent},
     computed: {