mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-06 22:58:19 -05:00
some basic views
This commit is contained in:
@@ -1,43 +1,48 @@
|
||||
<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 height="40px" src="../../assets/brand_logo.svg"></v-img></v-app-bar-title>
|
||||
</v-app-bar>
|
||||
<v-app-bar color="primary">
|
||||
<template v-slot:prepend>
|
||||
<v-app-bar-nav-icon></v-app-bar-nav-icon>
|
||||
</template>
|
||||
|
||||
<v-main>
|
||||
<router-view></router-view>
|
||||
</v-main>
|
||||
<v-app-bar-title>
|
||||
<v-img height="40px" src="../../assets/brand_logo.svg"></v-img>
|
||||
</v-app-bar-title>
|
||||
</v-app-bar>
|
||||
|
||||
<v-bottom-navigation>
|
||||
<v-btn value="recent" to="/">
|
||||
<v-icon icon="fas fa-book" />
|
||||
<span>Recipes</span>
|
||||
</v-btn>
|
||||
|
||||
<v-btn value="favorites" to="/about">
|
||||
<v-icon icon="fas fa-calendar-alt"></v-icon>
|
||||
<v-main>
|
||||
<v-container>
|
||||
<router-view></router-view>
|
||||
</v-container>
|
||||
</v-main>
|
||||
|
||||
<span>MealPlan</span>
|
||||
</v-btn>
|
||||
<v-bottom-navigation>
|
||||
<v-btn value="recent" to="/">
|
||||
<v-icon icon="fas fa-book"/>
|
||||
<span>Recipes</span>
|
||||
</v-btn>
|
||||
|
||||
<v-btn value="nearby">
|
||||
<v-icon icon="fas fa-shopping-cart"></v-icon>
|
||||
<v-btn value="favorites" to="/about">
|
||||
<v-icon icon="fas fa-calendar-alt"></v-icon>
|
||||
|
||||
<span>Shopping</span>
|
||||
</v-btn>
|
||||
<v-btn value="nearby">
|
||||
<v-icon icon="fas fa-book-open"></v-icon>
|
||||
<span>MealPlan</span>
|
||||
</v-btn>
|
||||
|
||||
<v-btn value="nearby">
|
||||
<v-icon icon="fas fa-shopping-cart"></v-icon>
|
||||
|
||||
<span>Shopping</span>
|
||||
</v-btn>
|
||||
<v-btn value="nearby">
|
||||
<v-icon icon="fas fa-book-open"></v-icon>
|
||||
|
||||
<span>Books</span>
|
||||
</v-btn>
|
||||
</v-bottom-navigation>
|
||||
|
||||
<span>Books</span>
|
||||
</v-btn>
|
||||
</v-bottom-navigation>
|
||||
</v-app>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
|
||||
@@ -9,10 +9,12 @@ import 'vite/modulepreload-polyfill';
|
||||
import vuetify from "@/vuetify";
|
||||
import ShoppingListPage from "@/pages/ShoppingListPage.vue";
|
||||
import RecipeSearchPage from "@/pages/RecipeSearchPage.vue";
|
||||
import RecipeViewPage from "@/pages/RecipeViewPage.vue";
|
||||
|
||||
const routes = [
|
||||
{path: '/', component: RecipeSearchPage},
|
||||
{path: '/about', component: ShoppingListPage},
|
||||
{path: '/shopping', component: ShoppingListPage},
|
||||
{path: '/recipe/:id', component: RecipeViewPage, props: true},
|
||||
]
|
||||
|
||||
const router = createRouter({
|
||||
|
||||
Reference in New Issue
Block a user