Lightling
c1c1977c24
if explicitly null (title set to blank or the phrase null in YAML), it will set untitled; variants will be amended with title and description from parent if they are undefined on the variant
82 lines
2.7 KiB
TypeScript
82 lines
2.7 KiB
TypeScript
import { defineStore } from 'pinia'
|
|
import { type RouteRecordRaw, type Router } from 'vue-router'
|
|
import { header, routes, type HeaderEntry, type ProjectListDefinition, type RouteDefinition, type Template, GalleryListDefinition } from 'content/routes.js'
|
|
|
|
const markdownBody = () => import ('./views/markdown.vue')
|
|
const projectListBody = () => import ('./views/project-list.vue')
|
|
const projectViewBody = () => import ('./views/project-view.vue')
|
|
const galleryListBody = () => import ('./views/gallery-list.vue')
|
|
const galleryViewBody = () => import ('./views/gallery-view.vue')
|
|
|
|
export const templates: Record<Template, () => Promise<any>> = {
|
|
'markdown': markdownBody,
|
|
'project-list': projectListBody,
|
|
'gallery-list': galleryListBody,
|
|
}
|
|
|
|
export const createRoutes = (): RouteRecordRaw[] => {
|
|
const routeRecord: RouteRecordRaw[] = []
|
|
|
|
Object.keys(routes).forEach(route => {
|
|
const toPush: RouteRecordRaw = {
|
|
name: routes[route].id,
|
|
path: route,
|
|
component: templates[routes[route].template],
|
|
}
|
|
|
|
if (routes[route].template === 'project-list') {
|
|
routeRecord.push({
|
|
name: `${routes[route].id}: View Project`,
|
|
path: `${route}/view`,
|
|
component: projectViewBody,
|
|
props: route => ({ id: route.query.id }),
|
|
})
|
|
} else if (routes[route].template === 'gallery-list') {
|
|
toPush.props = route => ({ variants: (route.query.v as string || '').split(';') })
|
|
|
|
routeRecord.push({
|
|
name: `${routes[route].id}: View Entry`,
|
|
path: `${route}/view`,
|
|
component: galleryViewBody,
|
|
props: route => ({ variants: (route.query.v as string || '').split(';') }),
|
|
})
|
|
}
|
|
|
|
routeRecord.push(toPush)
|
|
})
|
|
|
|
return routeRecord
|
|
}
|
|
|
|
export const useRouteStore = defineStore('routeStore', {
|
|
state: () => ({
|
|
_header: [] as HeaderEntry[],
|
|
_routes: {} as Record<string, RouteRecordRaw & RouteDefinition>,
|
|
}),
|
|
actions: {
|
|
|
|
},
|
|
})
|
|
|
|
export const initializeRouteStore = (routerRoutes: readonly RouteRecordRaw[]) => {
|
|
const routeStore = useRouteStore()
|
|
Object.keys(routes).forEach(route => {
|
|
routeStore._routes[route] = {
|
|
...routerRoutes.find(other => other.path === route) as RouteRecordRaw,
|
|
...routes[route] as RouteDefinition,
|
|
}
|
|
if (routes[route].template === 'project-list' || routes[route].template === 'gallery-list') {
|
|
routeStore._routes[`${route}/view`] = {
|
|
...routerRoutes.find(other => other.path === `${route}/view`) as RouteRecordRaw,
|
|
...(routes[route] as ProjectListDefinition | GalleryListDefinition).view,
|
|
} as any
|
|
}
|
|
})
|
|
routeStore._header = header
|
|
}
|
|
|
|
export type RouteStoreDefinition = Omit<
|
|
ReturnType<typeof useRouteStore>,
|
|
keyof ReturnType<typeof defineStore>
|
|
>
|
|
|