\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,"vuejs","vitepress","closed","How to make useData() reactive with page change?","2025-08-03T04:59:12Z","https://github.com/vuejs/vitepress/issues/4878",0.7138182,{"description":3154,"labels":3155,"number":33,"owner":3146,"repository":3147,"state":3148,"title":3156,"updated_at":3157,"url":3158,"score":3159},"## Describe the bug\r\n\r\nChanging the frontmatter of any markdown file is not reflected in the browser until reloading the page.\r\n\r\n## System Info\r\n\r\n- `vitepress` version: 0.1.1\r\n- Operating System: macOS 10.14.6\r\n- Node version: 12.10.0\r\n\r\n## Reproduction\r\n\r\nhttps://github.com/meta7x/vitepress-frontmatter-hrm-bug\r\n\r\n- start vitepress\r\n- make changes to `index.md`, in particular to the frontmatter\r\n- **expected behaviour**: changes appear on saving the file\r\n- **observed behaviour**: changes appear only on reloading the page\r\n",[],"Changes in frontmatter not updated using HMR","2023-01-21T16:25:47Z","https://github.com/vuejs/vitepress/issues/10",0.72213197,{"description":3161,"labels":3162,"number":3166,"owner":3146,"repository":3147,"state":3148,"title":3167,"updated_at":3168,"url":3169,"score":3170},"### Describe the bug\r\n\r\nFrontmatter properties as JSON does not seem to be applying to pages using the following:\r\n\r\n```\r\n---\r\n{\r\n 'title': 'Changelogs',\r\n 'meta':\r\n [\r\n { 'property': 'og:title', 'content': 'Changelogs' },\r\n { 'name': 'description', 'content': 'Various Changelogs.' },\r\n { 'property': 'og:description', 'content': 'Various Changelog.' },\r\n { 'name': 'keywords', 'content': 'changelogs' },\r\n ],\r\n}\r\n---\r\n```\r\n\r\nadditionally, when using yaml the properties are not \"merged\" but added in addition to the regular meta definitions in `/.vitepress/config.js` resulting in double tags.\r\n\r\n### Reproduction\r\n\r\nApply Frontmatter meta configuration to any index.md page and view the rendered content. Only the title and description data in `/.vitepress/config.js` is applying to the page.\r\n\r\n### Expected behavior\r\n\r\nThe meta tags in the `\u003Chead>` of the rendered page should match what is in the Frontmatter of the markdown page.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 12.1\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 168.33 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.16.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 8.12.1 - /opt/homebrew/bin/npm\r\n Browsers:\r\n Chrome: 103.0.5060.134\r\n Firefox: 102.0.1\r\n Safari: 15.2\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.4 => 1.0.0-alpha.4\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/about/coc.html)\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.",[3163],{"name":3164,"color":3165},"bug: pending triage","e99695",1063,"Frontmatter JSON not applying, also Frontmatter YAML is applied twice","2023-01-21T14:30:08Z","https://github.com/vuejs/vitepress/issues/1063",0.72874767,{"description":3172,"labels":3173,"number":3175,"owner":3146,"repository":3147,"state":3148,"title":3176,"updated_at":3177,"url":3178,"score":3179},"### Describe the bug\n\nWhen using lastUpdated as Date in frontmatter, even in non git environments, the input time should be displayed directly\n\n### Reproduction\n\nNOT REQUIRED\n\n### Expected behavior\n\nfoo.md\r\n```\r\n---\r\nlastUpdated: '2024-12-25T10:30:00Z'\r\n---\r\n\r\n# foo\r\nxxxx\r\n```\r\nEven if I don't use the Git environment, it should still display the time\r\n\r\n\r\n\r\nI have checked and found that the relevant [issues ](https://github.com/vuejs/vitepress/issues/4119)have been closed, but when I tested, the time still did not display\r\n\r\nI have also created a Vitepress test and found that if using Git, configuring it in FrontMatter can be effective in forcing override\r\n\r\nWhat I mainly want to express is that if frontmatter is forced to set lastUpdated, whether it uses the Git environment or not, it should display this given time\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (8) x64 Intel(R) Core(TM) i7-4720HQ CPU @ 2.60GHz\r\n Memory: 1.18 GB / 7.91 GB\r\n Binaries:\r\n Node: 22.11.0 - C:\\Program Files\\nodejs\\node.EXE \r\n npm: 10.9.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Chromium (131.0.2903.86)\r\n Internet Explorer: 11.0.19041.3636\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\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.",[3174],{"name":3164,"color":3165},4448,"Using lastUpdated in frontmatter is invalid","2025-01-04T04:42:45Z","https://github.com/vuejs/vitepress/issues/4448",0.7289842,{"description":3181,"labels":3182,"number":3184,"owner":3146,"repository":3147,"state":3148,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Describe the bug\n\nAdding the following frontmatter, as suggested in the [docs](https://vitepress.vuejs.org/config/frontmatter-configs.html#aside) is not hiding the aside content.\r\n```\r\n---\r\naside: false\r\n---\r\n```\n\n### Reproduction\n\n1. Place `aside: false` within the file's frontmatter.\r\n2. View `aside` HTML and CSS still loading into the webpage.\n\n### Expected behavior\n\nI expect that the website will no longer render any `aside` related HTML or CSS after adding the `aside: false` frontmatter.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.5\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 807.22 MB / 32.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node\r\n Yarn: 1.22.15 - ~/.nvm/versions/node/v16.14.2/bin/yarn\r\n npm: 8.7.0 - ~/.nvm/versions/node/v16.14.2/bin/npm\r\n Watchman: 2022.03.21.00 - /opt/homebrew/bin/watchman\r\n Browsers:\r\n Chrome: 103.0.5060.134\r\n Safari: 15.6\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.",[3183],{"name":3164,"color":3165},1100,"aside frontmatter config not doing as the docs suggest","2023-01-21T14:22:43Z","https://github.com/vuejs/vitepress/issues/1100",0.7394669,{"description":3190,"labels":3191,"number":3195,"owner":3146,"repository":3147,"state":3148,"title":3196,"updated_at":3197,"url":3198,"score":3199},"### Describe the bug\n\nHere is my configuration\r\nmy website: https://lark-base-team.github.io/js-sdk-docs/\r\n```\r\nimport { defineConfig } from 'vitepress'\r\nimport { getZhSideBar } from './zh-sidebar';\r\nimport { getEnSideBar } from './en-sidebar';\r\n\r\n\r\n// https://vitepress.dev/reference/site-config\r\nexport default defineConfig({\r\n lastUpdated: true,\r\n cleanUrls: true,\r\n base: '/js-sdk-docs/',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/zh/api/guide', activeMatch: 'zh/api' },\r\n ],\r\n },\r\n head: [\r\n ['link', { rel: 'icon', href: '/js-sdk-docs/logo.svg' }],\r\n ],\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n // sitemap: {\r\n // hostname: 'https://basejsapi.com',\r\n // },\r\n lang: 'zh',\r\n locales: {\r\n zh: {\r\n label: '中文',\r\n lang: 'zh',\r\n dir: '/zh',\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/zh/api/guide', activeMatch: 'zh/api' },\r\n ],\r\n\r\n sidebar: getZhSideBar(),\r\n },\r\n },\r\n en: {\r\n label: 'English',\r\n lang: 'en',\r\n dir: '/en',\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/en/api/guide.md' },\r\n ],\r\n sidebar: getEnSideBar(),\r\n },\r\n }\r\n },\r\n})\r\n\r\n```\n\n### Reproduction\n\nlike my config\n\n### Expected behavior\n\nI hope to demonstrate the ability to switch languages.\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 13.6\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 208.28 MB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.2 - ~/.nvm/versions/node/v18.14.2/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 9.5.0 - ~/.nvm/versions/node/v18.14.2/bin/npm\r\n pnpm: 8.7.4 - ~/.nvm/versions/node/v18.14.2/bin/pnpm\r\n Browsers:\r\n Chrome: 118.0.5993.70\r\n Safari: 17.0\r\n npmPackages:\r\n vitepress: 1.0.0-rc.10 => 1.0.0-rc.10\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\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.",[3192],{"name":3193,"color":3194},"question","5D5FAE",3099,"The homepage lacks the ability to switch languages. ","2023-10-27T00:04:14Z","https://github.com/vuejs/vitepress/issues/3099",0.74182886,{"description":3201,"labels":3202,"number":3206,"owner":3146,"repository":3147,"state":3148,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### Describe the bug\r\n\r\nhttps://github.com/vuejs/vitepress/blob/75ca9e4302c65e3bcc9518f7df928318380f6cf6/src/node/markdown/plugins/highlightLines.ts#L30\r\n\r\n`highlightLinePlugin` is used before `attrs`, and `token.info` is rewritten.\r\n\r\nvia https://github.com/vuejs/vitepress/pull/664#discussion_r902203459\r\n\r\n### Reproduction\r\n\r\n\u003Cimg width=\"177\" alt=\"image\" src=\"https://user-images.githubusercontent.com/8336744/174726207-1c068f94-f597-4d5e-9101-4709a08a60c3.png\">\r\n\r\n\u003Cimg width=\"299\" alt=\"image\" src=\"https://user-images.githubusercontent.com/8336744/174726233-83967c42-db47-4c12-8dbd-0c83a817c448.png\">\r\n\r\n\r\n### Expected behavior\r\n\r\nRender `data=\"asdf\"`\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 13.0\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 13.84 GB / 64.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.15.1 - ~/Library/Caches/fnm_multishells/95455_1655742557079/bin/node\r\n Yarn: 1.22.19 - ~/Library/Caches/fnm_multishells/95455_1655742557079/bin/yarn\r\n npm: 8.12.1 - ~/Library/Caches/fnm_multishells/95455_1655742557079/bin/npm\r\n Browsers:\r\n Chrome: 102.0.5005.115\r\n Firefox: 101.0.1\r\n Safari: 16.0\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.2 => 1.0.0-alpha.2\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/about/coc.html)\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.",[3203],{"name":3204,"color":3205},"stale","ededed",826,"support adding attributes to code blocks","2023-08-11T00:04:28Z","https://github.com/vuejs/vitepress/issues/826",0.7467574,{"description":3212,"labels":3213,"number":3215,"owner":3146,"repository":3147,"state":3148,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Describe the bug\n\nWhen i use `isDark` and try to toggle it’s value, theme color of the page is not be changed.\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\n import { useData } from 'vitepress'\r\n\r\n const { isDark } = useData()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cheader class=\"header\">\r\n \u003Ca href=\"#\">LOGO\u003C/a>\r\n \u003Cnav class=\"nav\">\r\n \u003Ca href=\"#\">\r\n \u003C!-- custom theme toggle -->\r\n \u003Cdiv :class=\"isDark ? 'i-ri-sun-line' : 'i-ri-moon-line'\" @click=\"isDark = !isDark\" />\r\n \u003C/a>\r\n \u003C/nav>\r\n \u003C/header>\r\n\u003C/template>\r\n```\r\n\r\n\n\n### Reproduction\n\n\r\nhttps://github.com/vuejs/vitepress/assets/36221207/cb78fbb6-8ae3-482e-8c37-063fcc7e441d\r\n\r\n\n\n### Expected behavior\n\nA way to switch themes in a custom theme:\r\n\r\nThe theme color of the page switches automatically when the isDark value is changed.\r\n\r\nOr provide a method to actively modify.\r\n\r\nThanks❤️\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 45.83 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 16.17.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.1.2 - /usr/local/bin/npm\r\n pnpm: 8.6.12 - /usr/local/bin/pnpm\r\n Browsers:\r\n Chrome: 116.0.5845.96\r\n Safari: 16.4\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\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.",[3214],{"name":3164,"color":3165},2830,"How to toggle dark theme in custom theme?","2023-08-30T00:04:14Z","https://github.com/vuejs/vitepress/issues/2830",0.7476777,{"description":3221,"labels":3222,"number":3224,"owner":3146,"repository":3147,"state":3148,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Describe the bug\n\nHTML rendered within the `buildEnd` hook contain `{{ $frontmatter.title }}` rather than the actual title contained with the frontmatted metadata. \n\n### Reproduction\n\n\r\n\r\nHere is my implementation:\r\nhttps://github.com/CodyBontecou/blog/commit/cd40a9d79f9954bf7f64fd329b0ee74b06c2dadc#diff-a2c09d222e870efa333dc7e96fbe9b10bc9b289553da72641eb52f7605a2ed51\n\n### Expected behavior\n\nI expect the `buildEnd` hook to have the template `$frontmatter` variables to be the value of what it's calling, not of `{{ $frontmatter.title }}`.\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.4.1\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 128.91 MB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node\r\n Yarn: 1.22.15 - ~/.nvm/versions/node/v16.14.2/bin/yarn\r\n npm: 9.6.2 - ~/.nvm/versions/node/v16.14.2/bin/npm\r\n Watchman: 2023.07.24.00 - /opt/homebrew/bin/watchman\r\n Browsers:\r\n Chrome: 115.0.5790.170\r\n Safari: 16.5.2\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.44 => 1.0.0-beta.7\n```\n\n\n### Additional context\n\nYou can see the generated file at https://codybontecou.com/feed.rss.\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\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.",[3223],{"name":3164,"color":3165},2748,"Build hook buildEnd rendering $frontmatter in generated template.","2023-08-16T00:04:26Z","https://github.com/vuejs/vitepress/issues/2748",0.7477151,{"description":3230,"labels":3231,"number":3233,"owner":3146,"repository":3147,"state":3148,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Describe the bug\r\n\r\nThis ones tricky. I think it may be related to #1918 \r\n\r\nOn prod, getting `hydration mismatch error` on my theme\r\nhttps://github.com/jcamp-code/vitepress-blog-theme\r\n\r\nOn initial load, the HTML is correct (you see the post excerpt) but it flashes away in milliseconds.\r\n\r\nWondering if it has to do with the v-html:\r\n\r\n```\r\n\u003Cp class=\"mb-5 font-light\" v-html=\"post.excerpt\" />\r\n```\r\n\r\nThis looks related:\r\nhttps://github.com/vuejs/core/issues/6435\r\n\r\nBut I did the [workaround](https://play.vuejs.org/#__SSR__eNpNjz8LgzAQxb/KkSUKoru1hdKlQ7t1qx1Ke6JgTEhOESTfvfmjxRvC5d27H+8WdlYqn0ZkJasIherfhKd6AKi+3RQa115GQ1I8cCYoyb3HmnFCQ7xmUER3Ee1VsYNU5qM7RWCQRuX+nVBSE+xojZYCeF5cpAgpuCfErRPL2Cb7cKv6pyzQgl0BcRPnMPhi8x57Z/C5lJbKlE+Xdib+yrwU0iRhkEYTgHaaHiBJ4bjeDNAm3N3Es83jqxsG1NfH/VZGcu65gerLpgffWifY/SH2B6Tydgw=) suggested but it made no difference. It's like `excerpt` is not getting loaded\r\n\r\n### Reproduction\r\n\r\nEasily seen here:\r\nhttps://deploy-preview-2--vitepress-blog.netlify.app/blog/\r\n\r\nGo to it and then reload the page and you'll see the hydration mismatch\r\n\r\nhttps://github.com/jcamp-code/vitepress-blog-theme\r\n\r\nClone it\r\n\r\n```pnpm serve```\r\n\r\nGo to: \r\nhttp://localhost:4173/blog/\r\n\r\nLoaded directly, you'll see the excerpts are missing. If you go to another page and come back it displays correctly.\r\n\r\n### Expected behavior\r\n\r\nCorrect display of page upon hydration\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (12) arm64 Apple M2 Pro\r\n Memory: 94.23 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - /usr/local/bin/node\r\n npm: 9.5.0 - /usr/local/bin/npm\r\n Browsers:\r\n Chrome: 112.0.5615.137\r\n Firefox: 111.0.1\r\n Safari: 16.4\r\n npmPackages:\r\n vitepress: 1.0.0-alpha.74 => 1.0.0-alpha.74\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/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3232],{"name":3164,"color":3165},2293,"bug: hydration mismatch","2023-05-04T00:04:02Z","https://github.com/vuejs/vitepress/issues/2293",0.7483242,["Reactive",3239],{},["Set"],["ShallowReactive",3242],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYw9GfUGeYV33nzWZXG38CwsJmSra9oNj8LFICvxtfQI":-1},"/vuejs/vitepress/769"]