\n \u003CLayoutBanner v-if=\"config.banner.enable\" />\n \u003CLayoutHeader />\n\n \u003Cdiv v-if=\"route.path !== '/'\" class=\"min-h-screen border-b\">\n \u003Cdiv\n class=\"flex-1 items-start px-4 md:grid md:gap-6 md:px-8 lg:gap-10\"\n :class=\"[\n config.main.padded && 'container',\n (page.aside ?? true) && 'md:grid-cols-[220px_minmax(0,1fr)] lg:grid-cols-[240px_minmax(0,1fr)]',\n ]\"\n >\n \u003Caside v-if=\"page.aside ?? true\" class=\"fixed top-[102px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 overflow-y-auto md:sticky md:top-[60px] md:block\">\n \u003CLayoutAside :is-mobile=\"false\" />\n \u003C/aside>\n \u003CNuxtPage />\n \u003C/div>\n \u003C/div>\n \u003CNuxtPage v-else />\n\n \u003CToaster />\n \u003CLayoutFooter />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport Toaster from '@/components/ui/toast/Toaster.vue';\n\nconst { page } = useContent();\nconst config = useConfig();\nconst route = useRoute();\nconst { themeClass, radius } = useThemes();\n\nuseSeoMeta({\n description: config.value.site.description,\n ogDescription: config.value.site.description,\n twitterCard: 'summary_large_image',\n});\n\nuseServerHead({\n bodyAttrs: {\n class: themeClass.value,\n style: `--radius: ${radius.value}rem;`,\n },\n});\n\u003C/script>\n```\nThis only checks for the homepage. I hope it can apply to all files under the pages folder. Simply doing this would work:\n\n```diff\n- \u003Cdiv v-if=\"route.path !== '/'\" class=\"min-h-screen border-b\">\n+ \u003Cdiv v-if=\"page\" class=\"min-h-screen border-b\">\n```\n\nI don't know if this can be implemented this way. If it can, I am willing to provide a PR.\n\nThank you!\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?",[2923],{"name":2883,"color":2884},91,"feat: support custom pages","2025-01-23T02:08:27Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/91",0.81030804,{"description":2930,"labels":2931,"number":2933,"owner":2859,"repository":2873,"state":2874,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Environment\n\nSystem:\n OS: macOS 15.2\n CPU: (12) arm64 Apple M4 Pro\n Memory: 700.73 MB / 24.00 GB\n Shell: 5.9 - /bin/zsh\n Binaries:\n Node: 23.4.0 - /opt/homebrew/bin/node\n Yarn: 4.6.0 - /opt/homebrew/bin/yarn\n npm: 11.0.0 - /opt/homebrew/bin/npm\n Browsers:\n Chrome: 132.0.6834.111\n Edge: 132.0.2957.127\n Safari: 18.2\n npmPackages:\n nuxt: ^3.15.2 => 3.15.3 \n shadcn-docs-nuxt: ^0.8.12 => 0.8.12 \n vue: ^3.5.13 => 3.5.13 \n\n### Describe the bug\n\nFollowed the guide to create a new project using the starter template (`npx nuxi@latest init -t github:ZTL-UwU/shadcn-docs-nuxt-starter`, `npm install`,` npm run dev`).\nEverything works perfectly. However, if I try to change the theme color in `app.config.ts`:\n```\ntheme: {\n customizable: true,\n color: 'orange',\n radius: 0.5,\n},\n```\nor, changing colors in `./assets/css/tailwind.css`, it has no effect. It still uses the default color theme (`zinc`).\n\nAny help appreciated to understand what I am doing wrong. Thanks !\n\n### Reproduction\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2932],{"name":2870,"color":2871},93,"bug: changing theme color or properties in tailwind.css has no effect","2025-01-28T15:58:53Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/93",0.8140583,{"description":2939,"labels":2940,"number":2942,"owner":2859,"repository":2873,"state":2874,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Describe the feature\r\n\r\nWhat the title says. Add an option for a hero image/video to the right of the hero.\r\n\r\nImage can be placed above the hero on mobile.\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?",[2941],{"name":2883,"color":2884},59,"feat: heroImage option for heroAlt","2024-12-01T11:59:54Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/59",0.81783515,{"description":2948,"labels":2949,"number":2144,"owner":2859,"repository":2873,"state":2874,"title":2951,"updated_at":2952,"url":2953,"score":2954},"## Problem\r\nThe `toc` now adds an additional `Footnotes` section if there're footnotes on inside the markdown file.\r\n\r\nHowever, due to the fact that there's usually little space between the footnotes section and the previous section (pic below):\r\n\r\n\r\nA common practice is to **add an additional section title** (footnote, reference, etc.) in the `.md` file:\r\n```\r\n## Demo File\r\n\u003C-!-- text of the this section -->\r\n\r\n## Footnotes\r\n\u003C!-- nuxt will render the footnotes here. -->\r\n```\r\nwhich will result the rendering as:\r\n\r\n\r\n\r\nBut this will render additional section in the `toc`:\r\n\r\n\r\n\r\n## Proposed solution:\r\nadd a boolean option `hide_footnote` to the `toc` in `app.config.ts`.",[2950],{"name":2883,"color":2884},"Allow to hide \"footnotes\" in the toc","2024-08-08T05:19:47Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/20",0.8185066,["Reactive",2956],{},["Set"],["ShallowReactive",2959],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzaFE2RzuGd3fJnBHvW63C0J1IKxF5Vc6J8tvC7aLjiA":-1},"/ZTL-UwU/shadcn-docs-nuxt/108"]