\r\n\u003Cscript setup>\r\nimport Test from './Test.vue';\r\n\u003C/script>\r\n```\r\n\n\n### Reproduction\n\ngo to chrome developer tool and console tab to view error details\n\n### Expected behavior\n\nI should able read the custom variable chapter & topic variable \n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.13 Ubuntu 21.10 21.10 (Impish Indri)\r\n CPU: (4) x64 Intel(R) Core(TM) i3-5005U CPU @ 2.00GHz\r\n Memory: 558.27 MB / 5.71 GB\r\n Container: Yes\r\n Shell: 5.8 - /usr/bin/zsh\r\n Binaries:\r\n Node: 14.19.0 - /usr/bin/node\r\n Yarn: 1.22.17 - /usr/local/bin/yarn\r\n npm: 7.17.0 - /usr/local/bin/npm\r\n Browsers:\r\n Brave Browser: 98.1.35.101\r\n Firefox: 97.0.1\r\n \"devDependencies\": {\r\n \"postcss\": \"^8.4.6\",\r\n \"sass\": \"^1.49.8\",\r\n \"stylus\": \"^0.56.0\",\r\n \"vitepress\": \"^0.22.2\",\r\n \"tailwindcss\": \"^3.0.23\"\r\n },\r\n \"dependencies\": {\r\n \"autoprefixer\": \"^10.4.2\"\r\n },\r\n \"postcss\": {\r\n \"plugins\": {\r\n \"tailwindcss\": {},\r\n \"autoprefixer\": {}\r\n }\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3174],{"name":3175,"color":3176},"bug: pending triage","e99695",550,"How to read sitedata and pagedata inside vue component with default theme","2023-01-21T16:20:05Z","https://github.com/vuejs/vitepress/issues/550",0.71841747,{"description":3183,"labels":3184,"number":3185,"owner":3152,"repository":3153,"state":3166,"title":3186,"updated_at":3187,"url":3188,"score":3189},"### Is your feature request related to a problem? Please describe.\n\nCurrently, Vitepress provides functions like `usePage` or `frontmatter` to retrieve frontmatter data of the rendered page. However, there is no built-in functionality to retrieve frontmatter data of multiple Markdown files within a directory.\r\n\r\nImagine I'm crafting a custom layout, possibly for a portfolio or blog page. Within my project directory, I have folders like `project/blog/` or `project/portfolio` alongside the main `index.md`. Inside these directories lie numerous Markdown files, each containing frontmatter data similar to this:\r\n\r\n```md\r\n---\r\ntitle: Blog Post Title\r\ndate: 2024-03-27\r\nauthor: John Doe\r\ntags: [blog, update]\r\nlayout: blog\r\n---\r\n\r\n# Blog Post Title\r\n\r\nThis is the content of your blog post, written in Markdown format.\r\n\r\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget turpis nec leo euismod fringilla vitae ut quam.\r\n```\r\n\r\nHowever, my challenge arises when attempting to access the frontmatter data of all these files. While Vitepress offers functions like usePage or frontmatter to retrieve individual page data, there isn't an equivalent function like usePages to access data from multiple files simultaneously.\n\n### Describe the solution you'd like\n\nI would like to propose the addition of a new function or hook, such as `usePages`, that allows developers to retrieve frontmatter data of all Markdown files within a specified directory. This would provide more flexibility and enable the creation of custom layouts for portfolio or blog-related pages.\n\n### Describe alternatives you've considered\n\nAs an alternative, developers currently have to manually parse Markdown files using Node.js scripts before building the Vitepress project. However, this approach is less convenient and may not integrate seamlessly with the Vitepress development workflow.\n\n### Additional context\n\nBy adding support for retrieving frontmatter data of multiple Markdown files, developers can streamline the development process and create more dynamic and customizable layouts for their Vitepress projects. This feature would enhance the flexibility and usability of Vitepress, making it even more appealing for building static websites and blogs.\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],3710,"Feature Request: Add Support for Retrieving Frontmatter Data from Multiple Markdown Files","2024-04-28T12:25:23Z","https://github.com/vuejs/vitepress/issues/3710",0.72891164,{"description":3191,"labels":3192,"number":3196,"owner":3152,"repository":3153,"state":3166,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Describe the bug\n\nI referenced a globally registered component in the markdown document of vitepress. When I used it, the error was reported as follows:\r\n**[vitepress] Internal server error: At least one \u003Ctemplate> or \u003Cscript> is required in a single file component.**\r\n\r\n\r\n\n\n### Reproduction\n\nCreate vite.config.js in the vitepress root directory, the content is as follows:\r\n\r\n```\r\nimport { defineConfig } from \"vite\";\r\nimport vueJsx from \"@vitejs/plugin-vue-jsx\";\r\nimport vue from \"@vitejs/plugin-vue\"\r\nexport default defineConfig({\r\n plugins: [\r\n vue(),\r\n vueJsx(),\r\n ],\r\n});\r\n```\n\n### Expected behavior\n\nRender component content correctly\n\n### System Info\n\n```shell\nnode 16\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3193],{"name":3194,"color":3195},"need more info","bdbefc",2095,"vitepress not support jsx file?","2023-03-29T00:04:14Z","https://github.com/vuejs/vitepress/issues/2095",0.73002416,{"description":3202,"labels":3203,"number":3204,"owner":3152,"repository":3153,"state":3166,"title":3205,"updated_at":3206,"url":3207,"score":3208},"how can i update the css properties of this file ? bcoz every styles are scoped node_modules/vitepress/dist/client/theme-default/components/Page.vue",[],620," there is no documentation for update default components ","2023-01-21T16:04:20Z","https://github.com/vuejs/vitepress/issues/620",0.7318438,{"description":3210,"labels":3211,"number":3212,"owner":3152,"repository":3153,"state":3166,"title":3213,"updated_at":3214,"url":3215,"score":3216},"At the end of each page, I want to link all other pages (except the current one).\n\nI made an `AllArticles` component that I put in my layout:\n\n```\n\u003Ctemplate>\n \u003CLayout>\n \u003Ctemplate #doc-bottom>\n \u003CAllArticles/>\n \u003C/template>\n \u003C/Layout>\n\u003C/template>\n\n\u003Cscript setup>\nimport DefaultTheme from 'vitepress/theme'\nimport AllArticles from './AllArticles.vue';\nconst Layout = DefaultTheme.Layout;\n\u003C/script>\n```\n\n```\n\u003Ctemplate>\n \u003CArticleGroup title=\"Other articles\" :articles=\"otherArticles.filter(article => article.url !== currentPagePath)\"/>\n\u003C/template>\n\n\n\u003Cscript setup>\nimport { useData } from 'vitepress';\n\nconst data = useData();\n\nconst page = data.page.value;\nlet currentPagePath = page.relativePath.replace(\".md\", \"\");\n\nlet otherArticles = [\n {url: \"page1\", title: \"Page 1\"},\n {url: \"page2\", title: \"Page 2\"},\n {url: \"page3\", title: \"Page 3\"},\n];\n```\n\nThis works fine and when I am on page 1, it only displays pages 2+3. But clicking on page 2 does not reload the component and pages 2+3 are still displayed at the end of page 2 (instead of pages 1+3).\n\nIs there a way to make the component reload upon page change (shouldn't it be reloaded by default if it is in the doc-bottom slot?), or to make the component aware of when the path changes?\n",[],4878,"How to make useData() reactive with page change?","2025-08-03T04:59:12Z","https://github.com/vuejs/vitepress/issues/4878",0.7352724,{"description":3218,"labels":3219,"number":3223,"owner":3152,"repository":3153,"state":3166,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Describe the bug\n\n\r\n\r\nI use the config file out of .vitepress, I just import it in `.vitepress/config.ts`\r\n\r\nwhen I modify `.vitepress/config.ts`, hot reload works well, but I modify the outer config.ts, hot reloading does not work.\r\n\n\n### Reproduction\n\nJust modify the outer config.ts, the page does not get update.\n\n### Expected behavior\n\nI think vitepress should track the import modules graph in .vitepress/config.ts, and hot reload all of them.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.0.1\r\n CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz\r\n Memory: 668.14 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.14.1 - ~/.volta/tools/image/node/16.14.1/bin/node\r\n Yarn: 1.22.15 - ~/.yarn/bin/yarn\r\n npm: 7.10.0 - ~/.volta/tools/image/npm/7.10.0/bin/npm\r\n Browsers:\r\n Chrome: 99.0.4844.74\r\n Edge: 98.0.1108.55\r\n Firefox: 95.0.2\r\n Safari: 15.1\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3220],{"name":3221,"color":3222},"build","377ba8",581,"When modifying config.ts imported outside of .vitepress folder, it is not hot reload","2023-01-21T14:28:57Z","https://github.com/vuejs/vitepress/issues/581",0.73575306,{"description":3229,"labels":3230,"number":3231,"owner":3152,"repository":3153,"state":3166,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Describe the bug\r\n\r\nAfter upgrading the vitepress version to `0.17.0`, The following error is prompted:\r\n**TypeError: Cannot destructure property 'locales' of 'siteData.themeConfig' as it is undefined**\r\n\r\n### Reproduction\r\n\r\n1. Change the version of `vitepress` in the `package.json` file from \"^0.16.1\" to \"^0.17.0\",\r\n2. run `yarn install`\r\n3. then run `yarn run docs:dev`\r\n4. which prompts the following error:\r\n```bash\r\nDebugger attached.\r\nyarn run v1.22.11\r\n$ vitepress dev docs\r\nDebugger attached.\r\nvitepress v0.17.0\r\nvite v2.5.2\r\nfailed to start server. error:\r\n TypeError: Cannot destructure property 'locales' of 'siteData.themeConfig' as it is undefined.\r\n at Object.createLangDictionary (C:\\Users\\yangquan6\\Documents\\yangquan666.github.io\\node_modules\\vitepress\\dist\\node\\shared.js:27:13)\r\n at resolveSiteData (C:\\Users\\yangquan6\\Documents\\yangquan666.github.io\\node_modules\\vitepress\\dist\\node\\config.js:80:25)\r\n at Object.resolveConfig (C:\\Users\\yangquan6\\Documents\\yangquan666.github.io\\node_modules\\vitepress\\dist\\node\\config.js:25:24)\r\n at async Object.createServer (C:\\Users\\yangquan6\\Documents\\yangquan666.github.io\\node_modules\\vitepress\\dist\\node\\server.js:8:20)\r\nWaiting for the debugger to disconnect...\r\nerror Command failed with exit code 1.\r\ninfo Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.\r\nWaiting for the debugger to disconnect...\r\n```\r\n\r\n### Expected behavior\r\n\r\nThe project starts normally and does not report errors\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Windows 10 10.0.19042\r\n CPU: (6) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz\r\n Memory: 8.29 GB / 15.87 GB\r\n Binaries:\r\n Node: 14.17.6 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.11 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 6.14.15 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1023.0), Chromium (92.0.902.84)\r\n Internet Explorer: 11.0.19041.1\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\r\n- [X] Read the [docs](https://vitepress.vuejs.org/).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[],379," Cannot destructure property 'locales' of 'siteData.themeConfig' as it is undefined.","2023-01-21T16:22:07Z","https://github.com/vuejs/vitepress/issues/379",0.7359626,{"description":3237,"labels":3238,"number":3240,"owner":3152,"repository":3153,"state":3166,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### Describe the bug\n\nI've built a fairly comprehensive blog theme for my use. \r\n\r\nhttps://github.com/jcamp-code/vitepress-blog-theme\r\nhttps://vitepress-blog.netlify.app/blog/\r\n\r\nIt extends the default theme by using the slots and built in features of VitePress. As you can see from the demo, it works just fine. I was hoping to package it up and be able to use it across a few sites so that I could make updates in one place and just update the package of my sites.\r\n\r\nHowever, when I try that, the new site throws \r\n\r\n```\r\nUnknown file extension \".css\"\r\nUnknown file extension \".vue\"\r\n```\r\n\r\nIt's not processing these files from the package correctly\n\n### Reproduction\n\nhttps://github.com/jcamp-code/starter-vitepress-blog\n\n### Expected behavior\n\nWould like VitePress to properly pull in Vue and CSS files from packages\n\n### System Info\n\n```shell\nNA\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3239],{"name":3221,"color":3222},2242,"data loader files from package not working in dev","2023-05-02T00:04:02Z","https://github.com/vuejs/vitepress/issues/2242",0.73646086,["Reactive",3246],{},["Set"],["ShallowReactive",3249],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fuUeBlWtxiIDUDQXsUEWUulIssOAHz34lmG7zYoQMhaE":-1},"/vuejs/vitepress/208"]