mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-01 12:18:45 -05:00
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
import {createApp} from "vue";
|
|
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 ShoppingListPage from "@/pages/ShoppingListPage.vue";
|
|
import RecipeSearchPage from "@/pages/RecipeSearchPage.vue";
|
|
import RecipeViewPage from "@/pages/RecipeViewPage.vue";
|
|
import luxonPlugin from "@/plugins/luxonPlugin";
|
|
import RecipeEditPage from "@/pages/RecipeEditPage.vue";
|
|
|
|
const routes = [
|
|
{path: '/', redirect: '/search', name: 'index'},
|
|
{path: '/search', component: RecipeSearchPage, name: 'view_search'},
|
|
{path: '/shopping', component: ShoppingListPage, name: 'view_shopping'},
|
|
{path: '/mealplan', component: ShoppingListPage, name: 'view_mealplan'},
|
|
{path: '/books', component: ShoppingListPage, name: 'view_books'},
|
|
{path: '/recipe/:id', component: RecipeViewPage, name: 'view_recipe', props: true},
|
|
{path: '/recipe/edit/:recipe_id', component: RecipeEditPage, name: 'edit_recipe', props: true},
|
|
]
|
|
|
|
const router = createRouter({
|
|
// 4. Provide the history implementation to use. We
|
|
// are using the hash history for simplicity here.
|
|
history: createWebHashHistory(),
|
|
routes,
|
|
})
|
|
|
|
const app = createApp(App)
|
|
|
|
app.use(createPinia())
|
|
app.use(vuetify)
|
|
app.use(router)
|
|
app.use(luxonPlugin)
|
|
|
|
app.mount('#app')
|