mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-04 21:58:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

more basics

Browse Source
This commit is contained in:
vabene1111
2024-02-21 18:09:51 +01:00
parent 4972418dc5
commit 1e6e843e05
120 changed files with 23511 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
vue3/src/apps/tandoor/Tandoor.vue
View File

@@ -5,7 +5,7 @@
<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-title><v-img height="40px" src="../../assets/brand_logo.svg"></v-img></v-app-bar-title>
</v-app-bar>
<v-main>
@@ -14,19 +14,23 @@
<v-bottom-navigation>
<v-btn value="recent" to="/">
<v-icon>mdi-history</v-icon>
<v-icon icon="fas fa-book" />
<span>Recipes</span>
</v-btn>
<v-btn value="favorites" to="/about">
<v-icon>mdi-shopping</v-icon>
<v-icon icon="fas fa-calendar-alt"></v-icon>
<span>Shopping</span>
<span>MealPlan</span>
</v-btn>
<v-btn value="nearby">
<v-icon>mdi-book</v-icon>
<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>

21
vue3/src/apps/tandoor/main.ts
View File

@@ -7,32 +7,21 @@ 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";
import ShoppingListPage from "@/pages/ShoppingListPage.vue";
import RecipeSearchPage from "@/pages/RecipeSearchPage.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},
{path: '/', component: RecipeSearchPage},
{path: '/about', component: ShoppingListPage},
]
// 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`
routes,
})
const app = createApp(App)
app.use(createPinia())