Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 07:39:41 +02:00
Code Issues Releases Activity

feat(frontend): ✨ Add Initial CookBook Support

Browse source
This commit is contained in:
hay-kot 2021-08-31 14:39:02 -08:00
parent 2e6352cfbd
commit 83ab858e46
10 changed files with 266 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/layouts/default.vue
View file

@ -2,7 +2,14 @@
<v-app dark>
<!-- <TheSnackbar /> -->
<AppSidebar v-model="sidebar" absolute :top-link="topLinks" @input="sidebar = !sidebar" />
<AppSidebar
v-model="sidebar"
absolute
:top-link="topLinks"
secondary-header="Cookbooks"
:secondary-links="cookbookLinks || []"
@input="sidebar = !sidebar"
/>
<AppHeader>
<v-btn icon @click.stop="sidebar = !sidebar">
@ -20,17 +27,32 @@
<script lang="ts">
import { defineComponent } from "@nuxtjs/composition-api";
import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
import AppHeader from "@/components/Layout/AppHeader.vue";
import AppSidebar from "@/components/Layout/AppSidebar.vue";
import AppFloatingButton from "@/components/Layout/AppFloatingButton.vue";
import { useCookbooks } from "~/composables/use-cookbooks";
export default defineComponent({
components: { AppHeader, AppSidebar, AppFloatingButton },
// @ts-ignore
// middleware: process.env.GLOBAL_MIDDLEWARE,
setup() {
return {};
const { cookbooks } = useCookbooks();
// @ts-ignore
const { $globals } = useContext();
const cookbookLinks = computed(() => {
if (!cookbooks.value) return [];
return cookbooks.value.map((cookbook) => {
return {
icon: $globals.icons.pages,
title: cookbook.name,
to: `/cookbooks/${cookbook.slug}`,
};
});
});
return { cookbookLinks };
},
data() {
return {