Merge branch 'fix-recipe-page' into main

client/src/App.vue

@@ -1,11 +1,15 @@
+
+
 <script>
 import ItemModel from "@/components/ItemModel";
 import LoginPage from "@/components/LoginPage";
 import Custom404Page from "@/components/Custom404Page";
+import RecipePage from "@/components/RecipeModel";
 
 const routes = {
   '/': ItemModel,
-  '/login': LoginPage
+  '/login': LoginPage,
+  '/recipes' : RecipePage
 }
 
 export default {
@@ -31,7 +35,16 @@ export default {
 </script>
 
 <template>
-  <component :is="currentView" />
+
+
+
+  <v-app
+      :is="currentView"
+  >
+    <v-main>
+
+    </v-main>
+  </v-app>
 </template>