\r\n````\n\n### Describe the solution you'd like\n\nExport `VPImage` as global `Image` component, see e.g. commit https://github.com/kleisauke/vitepress/commit/f1b6a57409f7752fc2142545340afc589cf091ff.\n\n### Describe alternatives you've considered\n\nI considered to use this:\r\n```html\r\n\u003Cpicture>\r\n \u003Csource srcset=\"/logo-dark.svg\" media=\"(prefers-color-scheme: dark)\" />\r\n \u003Cimg src=\"/logo.svg\" alt=\"Logo\" />\r\n\u003C/picture>\r\n```\r\n\r\nHowever, this approach wouldn't work if a user manually switches to dark mode.\n\n### Additional context\n\nI could open a PR for commit https://github.com/kleisauke/vitepress/commit/f1b6a57409f7752fc2142545340afc589cf091ff, if appropriate.\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.",[2921,2924],{"name":2922,"color":2923},"theme","0754FB",{"name":2925,"color":2926},"contribution welcome","11E4B8",2813,"Export `VPImage` as global component","2023-08-26T00:04:05Z","https://github.com/vuejs/vitepress/issues/2813",0.7104976,{"description":2933,"labels":2934,"number":2938,"owner":2871,"repository":2872,"state":2894,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Describe the bug\r\n\r\nException occurs when navigating to page with a specific content: https://naninovel.github.io/guide/configuration (it renders fine when loaded directly via URL; navigate somewhere else and back to the page to observe the issue)\r\n\r\nAfter page reload, however, the content is rendered fine.\r\n\r\nCan't figure what exactly causes the error, as the error log neither specify location of the invalid char nor the char itself.\r\n\r\n### Reproduction\r\n\r\nPage sources: https://github.com/Naninovel/naninovel.github.io/blob/main/docs/guide/configuration.md\r\n\r\n1. Build an preview the project\r\n2. Navigate to `/guide/configuration`\r\n3. Notice the page is empty and error is logged\r\n4. Reload the page and notice the page is rendered fine\r\n\r\nNote: page reload only works in preview or published build; in dev reloading the page doesn't fix the issue.\r\n\r\n### Expected behavior\r\n\r\nPage should be rendered fine when first loaded.\r\n\r\n### System Info\r\n\r\n```sh\r\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (16) x64 Intel(R) Core(TM) i7-6900K CPU @ 3.20GHz\r\n Memory: 45.66 GB / 63.92 GB\r\n Binaries:\r\n Node: 18.2.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.5 - C:\\Program Files (x86)\\Yarn\\bin\\yarn.CMD\r\n npm: 9.6.6 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 113.0.5672.127\r\n Edge: Spartan (44.19041.1266.0), Chromium (113.0.1774.50)\r\n npmPackages:\r\n vitepress: ^1.0.0-beta.1 => 1.0.0-beta.1\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nFull error message:\r\n\r\n```\r\nUncaught (in promise) DOMException: String contains an invalid character\r\n patchAttr runtime-dom.esm-bundler.js:179\r\n patchProp runtime-dom.esm-bundler.js:328\r\n mountElement runtime-core.esm-bundler.js:5209\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n componentUpdateFn runtime-core.esm-bundler.js:5708\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n componentUpdateFn runtime-core.esm-bundler.js:5708\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n componentUpdateFn runtime-core.esm-bundler.js:5708\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n componentUpdateFn runtime-core.esm-bundler.js:5708\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n mountChildren runtime-core.esm-bundler.js:5284\r\n mountElement runtime-core.esm-bundler.js:5191\r\n processElement runtime-core.esm-bundler.js:5156\r\n patch runtime-core.esm-bundler.js:5028\r\n componentUpdateFn runtime-core.esm-bundler.js:5708\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n componentUpdateFn runtime-core.esm-bundler.js:5708\r\n run reactivity.esm-bundler.js:178\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n render2 runtime-core.esm-bundler.js:6332\r\nruntime-dom.esm-bundler.js:179:6\r\n run reactivity.esm-bundler.js:188\r\n update runtime-core.esm-bundler.js:5814\r\n setupRenderEffect runtime-core.esm-bundler.js:5822\r\n mountComponent runtime-core.esm-bundler.js:5612\r\n processComponent runtime-core.esm-bundler.js:5565\r\n patch runtime-core.esm-bundler.js:5040\r\n render2 runtime-core.esm-bundler.js:6332\r\n mount runtime-core.esm-bundler.js:3824\r\n mount runtime-dom.esm-bundler.js:1431\r\n \u003Canonymous> index.js:120\r\n (Async: promise callback)\r\n \u003Canonymous> index.js:117\r\n (Async: promise callback)\r\n \u003Canonymous> index.js:115\r\n\r\n```\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\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.",[2935],{"name":2936,"color":2937},"has-workaround","1B4515",2440,"Uncaught (in promise) DOMException: String contains an invalid character","2023-06-06T00:04:02Z","https://github.com/vuejs/vitepress/issues/2440",0.7110065,{"description":2944,"labels":2945,"number":2949,"owner":2871,"repository":2872,"state":2894,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Describe the bug\n\nthe content within `{{ title }}` is not being displayed, and I don't understand why.\r\n\n\n### Reproduction\n\n[minimal](https://stackblitz.com/edit/vite-ucrpnh?file=docs%2Fexample.md)\n\n### Expected behavior\n\nExpecting `{{ title }}` to display correctly.\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 11 10.0.22631\r\n CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz\r\n Memory: 3.38 GB / 15.86 GB\r\n Binaries:\r\n Node: 18.20.3 - D:\\nodejs\\node.EXE\r\n npm: 10.7.0 - D:\\nodejs\\npm.CMD\r\n pnpm: 9.7.0 - D:\\nodejs\\pnpm.CMD\r\n Browsers:\r\n Edge: Chromium (127.0.2651.74)\r\n Internet Explorer: 11.0.22621.3527\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.",[2946],{"name":2947,"color":2948},"bug: pending triage","e99695",4142,"I couldn't find any relevant information in the document, and I'm wondering if this is a specific syntax?","2024-08-23T04:42:12Z","https://github.com/vuejs/vitepress/issues/4142",0.7142806,{"description":2955,"labels":2956,"number":2957,"owner":2871,"repository":2872,"state":2894,"title":2958,"updated_at":2959,"url":2960,"score":2961},"is there a way to publish Jupyter notebook directly using vitepress?\r\n\r\nthanks.",[],3455,"is there a way to publish Jupyter notebook using vitepress","2024-01-16T07:19:48Z","https://github.com/vuejs/vitepress/issues/3455",0.717004,{"description":2963,"labels":2964,"number":2968,"owner":2871,"repository":2872,"state":2894,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Describe the bug\n\nIn a page with a lot of content, it is sometimes impossible to locate a specific location using #id. This may be caused by positioning before the page has fully loaded. Especially when the project is just started, use search to find particularly late content on a certain page (which has a lot of content).\n\n### Reproduction\n\n1. Start the project\r\n2. Use search to search for the title or content at the end of a page (with more content)\r\n3. Can locate the correct page, but cannot locate the content.\n\n### Expected behavior\n\nAfter searching, you can locate the specific location on the specific page.\r\n\n\n### System Info\n\n```Text\nwindows10,chrome120.0.6051.2\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.",[2965],{"name":2966,"color":2967},"question","5D5FAE",3089,"When there is too much content on the page, using #id may not allow you to locate the specific location.","2023-10-15T07:35:23Z","https://github.com/vuejs/vitepress/issues/3089",0.71784616,["Reactive",2974],{},["Set"],["ShallowReactive",2977],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjy1xJnLVSLJ11ORfOrOuXQN4K68atMS2e3LW8OGUX_c":-1},"/vuejs/vitepress/4074"]