\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?",[3042],{"name":3019,"color":3020},91,"feat: support custom pages","2025-01-23T02:08:27Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/91",0.7167947,{"description":3049,"labels":3050,"number":3052,"owner":3022,"repository":3023,"state":3034,"title":3053,"updated_at":3054,"url":3055,"score":3056},"",[3051],{"name":3019,"color":3020},113,"feat: upgrade to shadcn-vue `v1`","2025-03-17T08:33:16Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/113",0.7186238,{"description":3058,"labels":3059,"number":3063,"owner":3022,"repository":3023,"state":3034,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### 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```",[3060],{"name":3061,"color":3062},"🐞 bug","FBCA04",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.73356354,{"description":3069,"labels":3070,"number":3075,"owner":3022,"repository":3023,"state":3034,"title":3076,"updated_at":3077,"url":3078,"score":3079},"### Describe the feature\r\n\r\nSo we can write some math equations like $$E=m^c$$, thanks a lot~\r\n\r\n```\r\n$$E=m^c$$\r\n```\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?",[3071,3074],{"name":3072,"color":3073},"📝 docs","1D76DB",{"name":3019,"color":3020},58,"feat: Can you add mathjax support?","2024-11-29T06:11:51Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/58",0.73715764,{"description":3081,"labels":3082,"number":3084,"owner":3022,"repository":3023,"state":3034,"title":3085,"updated_at":3086,"url":3087,"score":3088},"### Environment\n\n System:\n OS: Windows 10 10.0.19045\n CPU: (16) x64 AMD Ryzen 7 7800X3D 8-Core Processor\n Memory: 32.54 GB / 63.22 GB\n Binaries:\n Node: 22.13.1 - C:\\Program Files\\nodejs\\node.EXE\n Yarn: 1.22.22 - ~\\AppData\\Roaming\\npm\\yarn.CMD\n npm: 10.9.2 - C:\\Program Files\\nodejs\\npm.CMD\n pnpm: 10.2.0 - ~\\AppData\\Local\\pnpm\\pnpm.EXE\n Browsers:\n Edge: Chromium (127.0.2651.74)\n Internet Explorer: 11.0.19041.4355\n npmPackages:\n nuxt: ^3.15.4 => 3.15.4\n shadcn-docs-nuxt: ^0.8.14 => 0.8.14\n vue: ^3.5.13 => 3.5.13\n\n\n### Describe the bug\n\nHello. I use `shadcn-docs-nuxt` on github pages. When I run locally it works perfectly fine:\n\n\n\nBut after publishing on GitHub pages, toc start rendering at bottom. \n\n\n\nI was able to fix that issue by adding `grid-auto-flow` to main, but I do not like that workaround.\n\n```css\nmain {\n grid-auto-flow: column;\n}\n```\n\n### Reproduction\n\nMy actions and website can be found [here](https://github.com/untrustedmodders/untrustedmodders.github.io)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3083],{"name":3061,"color":3062},115,"bug: The top is not in the right place after build.","2025-03-13T04:48:49Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/115",0.7499539,{"description":3090,"labels":3091,"number":3093,"owner":3022,"repository":3023,"state":3034,"title":3094,"updated_at":3095,"url":3096,"score":3097},"### Describe the feature\n\n\n\nCurrently, only the homepage renders as a full-width single page template. However, all other pages on the site are constrained to the documentation layout.\n\n**Feature Request:**\n\nI propose allowing the use of the full-width template to other pages on the website using a frontmatter parameter. This will allow for greater design flexibility.\n\n**Example:**\n\n```md\n---\n# /content/example.md\ntitle: Example\nnavigation: false\nfullpage: true\n---\n\n::hero\n---\n...\n---\n```\n\nWill render like the homepage. What do you think ?\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?",[3092],{"name":3019,"color":3020},111,"feat: Allow other pages to use full width template like the homepage","2025-03-05T10:49:38Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/111",0.7673716,{"description":3099,"labels":3100,"number":3102,"owner":3022,"repository":3023,"state":3034,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### 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?",[3101],{"name":3019,"color":3020},59,"feat: heroImage option for heroAlt","2024-12-01T11:59:54Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/59",0.77115655,{"description":3108,"labels":3109,"number":3111,"owner":3022,"repository":3023,"state":3034,"title":3112,"updated_at":3113,"url":3114,"score":3115},"### Describe the feature\n\nCurrently, there is no built-in support for **Google AdSense** within the ShadCN Docs Nuxt setup. For users who want to monetize their documentation with ads, manual setup is required, which can be tedious and error-prone. \n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?",[3110],{"name":3019,"color":3020},99,"feat: Google AdSense Integration","2025-02-18T11:05:38Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/99",0.7727327,["Reactive",3117],{},["Set"],["ShallowReactive",3120],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fd00SstwbjpyMz8N15VDbc758vBt5UK4OjE2baGzufVo":-1},"/ZTL-UwU/shadcn-docs-nuxt/95"]