\u003C/div>`. If I would style said `div` with a `padding: 8px`, it is expected that by nesting it 3 levels deep, I would end up with 3 div html elements, each pushing its child `8px` in. \r\n\r\nThe result is basically:\r\n\r\n```html\r\n\u003Cdiv class=\"spacer\">\r\n \u003Cdiv class=\"spacer\">\r\n \u003Cdiv class=\"spacer\">\u003Cslot />\u003C/div>\r\n \u003C/div>\r\n\u003C/div>\r\n```\r\n\r\n> **notice** how on line 5, I get back the actual, non-compiled template.\r\n\r\n\n\n### Reproduction\n\n- create a custom component, say a \u003CTest> component with a `\u003Cslot />`\r\n- import it to vitepress\r\n- write a `md` story and nest the component three times:\r\n\r\n```md\r\n\u003Ctest>\r\n \u003Ctest>\u003C/test>\r\n \u003Ctest>\r\n \u003Ctest>I get rendered as text, even if I contain an HTML element, such as a `\u003Cbutton>`\u003C/test>\r\n \u003C/test>\r\n\u003C/test>\r\n```\n\n### Expected behavior\n\ntemplate compiler should keep going through deeper levels of components and render them as HTML elements.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.2\r\n CPU: (8) arm64 Apple M1\r\n Memory: 119.95 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node\r\n Yarn: 1.22.17 - /opt/homebrew/bin/yarn\r\n npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm\r\n Browsers:\r\n Chrome: 97.0.4692.99\r\n Safari: 15.3\r\n npmPackages:\r\n vitepress: ^0.21.6 => 0.21.6\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\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.",[2887],{"name":2868,"color":2869},519,"closed","nested templates not being compiled","2023-01-21T14:32:54Z","https://github.com/vuejs/vitepress/issues/519",0.69854814,{"description":2895,"labels":2896,"number":2900,"owner":2877,"repository":2878,"state":2889,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Describe the bug\r\n\r\n使用vue组件开发自定义页面,动态生成了右侧导航(On this page)部分,但是当页面滚动的时候,定位无法动态匹配到相应的锚点位置\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\n使用vue组件开发自定义页面,生成的右侧导航无法进行锚点的动态匹配\r\n\r\n### Expected behavior\r\n\r\n使用vue组件开发自定义页面,生成的右侧导航能跟markdown写的一样可以自动定位\r\n\r\n### System Info\r\n\r\n```Text\r\n\"vitepress\": \"1.0.0-rc.15\"\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] 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.",[2897],{"name":2898,"color":2899},"bug: pending triage","e99695",3497,"使用vue组件开发自定义页面,生成的右侧导航无法进行锚点的动态匹配","2024-02-02T00:06:25Z","https://github.com/vuejs/vitepress/issues/3497",0.7057899,{"description":2906,"labels":2907,"number":2909,"owner":2877,"repository":2878,"state":2889,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Describe the bug\n\nIncluding a Dockerfile snippet into md does not apply highlighting\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vite-jrvx6i?file=docs%2FDockerfile,docs%2Fexample.md\n\n### Expected behavior\n\nsnippet dockerfile should render propperly\n\n### System Info\n\n```Text\nSystem:\r\n OS: Linux 5.10 Ubuntu 20.04.6 LTS (Focal Fossa)\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz\r\n Memory: 29.01 GB / 31.25 GB\r\n Container: Yes\r\n Shell: 5.0.17 - /bin/bash\r\n Binaries:\r\n Node: 17.4.0 - ~/.nvm/versions/node/v17.4.0/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v17.4.0/bin/yarn\r\n npm: 8.3.1 - ~/.nvm/versions/node/v17.4.0/bin/npm\r\n pnpm: 8.7.6 - ~/.local/share/pnpm/pnpm\r\n bun: 1.0.2 - ~/.local/share/pnpm/bun\r\n npmPackages:\r\n vitepress: 1.0.0-rc.40 => 1.0.0-rc.40\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.",[2908],{"name":2898,"color":2899},3499,"Dockerfile snippet not highlighted","2024-02-02T00:06:23Z","https://github.com/vuejs/vitepress/issues/3499",0.70650053,{"description":2915,"labels":2916,"number":2920,"owner":2877,"repository":2878,"state":2889,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Describe the bug\n\nsorry for disturbing, there is one tiny writing error in docs/guide/extending-default-theme.md:121\r\n\r\nDesctructed property `app` should have been used, but `ctx.app` was used instead.\r\n\r\n```ts\r\n async enhanceApp({ app }) {\r\n // register your custom global components\r\n ctx.app.component('MyGlobalComponent' /* ... */)\r\n }\r\n```\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nNone\n\n### Expected behavior\n\nNone\n\n### System Info\n\n```Text\nNone\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.",[2917],{"name":2918,"color":2919},"docs","0075ca",3184,"tiny flaw in docs/guide/extending-default-theme.md","2023-11-13T00:04:42Z","https://github.com/vuejs/vitepress/issues/3184",0.7065092,{"description":2926,"labels":2927,"number":2929,"owner":2877,"repository":2878,"state":2889,"title":2930,"updated_at":2931,"url":2932,"score":2933},"**Describe the bug**\r\n\r\nWhen using vitepress with vue v3.1, we are now running into a compilation error as some vitepress components are using `\u003Ctemplate functional>`\r\n\r\nThe related change in vue-next is https://github.com/vuejs/vue-next/commit/467076361a730b7925c88c572793c78637e05ca7\r\n\r\n**To Reproduce**\r\n\r\nSee [this PR in VTU](https://github.com/vuejs/vue-test-utils-next/pull/654) (that uses vitepress for the docs) that fails because of vitepress and vue 3.1 \r\n\r\nIt can easily be reproduced in the current codebase by bumping vue to v3.1 and run `yarn docs-build`:\r\n\r\n```\r\nSyntaxError: \u003Ctemplate functional> is no longer supported in Vue 3, since functional components no longer have significant performance difference from stateful ones. Just use a normal \u003Ctemplate> instead.\r\n at /Users/ced-pro/Code/vue/vitepress/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:196:37\r\n at Array.forEach (\u003Canonymous>)\r\n at parse (/Users/ced-pro/Code/vue/vitepress/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:182:18)\r\n at createDescriptor (/Users/ced-pro/Code/vue/vitepress/node_modules/@vitejs/plugin-vue/dist/index.js:4048:62)\r\n at transformMain (/Users/ced-pro/Code/vue/vitepress/node_modules/@vitejs/plugin-vue/dist/index.js:4344:32)\r\n at Object.transform (/Users/ced-pro/Code/vue/vitepress/node_modules/@vitejs/plugin-vue/dist/index.js:4665:16)\r\n at /Users/ced-pro/Code/vue/vitepress/node_modules/rollup/dist/shared/rollup.js:19875:25 {\r\n loc: {\r\n start: { column: 11, line: 1, offset: 10 },\r\n end: { column: 21, line: 1, offset: 20 },\r\n source: 'functional'\r\n },\r\n id: '/Users/ced-pro/Code/vue/vitepress/dist/client/theme-default/com\r\n```\r\n\r\n**Expected behavior**\r\nvitepress should properly compile with Vue v3.1\r\n\r\n**System Info**\r\n- vitepress version: 0.14\r\n- vite version: 2.3.4\r\n- Node version: 14.17\r\n- OS version: macOS\r\n",[2928],{"name":2898,"color":2899},311,"Functional templates errors with vue v3.1","2023-01-21T16:22:22Z","https://github.com/vuejs/vitepress/issues/311",0.71699977,{"description":2935,"labels":2936,"number":2940,"owner":2877,"repository":2878,"state":2889,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Describe the bug\n\nimport `svg` with plugin vite-svg-loader\r\nit's type should be `FunctionalComponent`\r\nthis is ok in vite projects\r\nbut not work in vitepress\r\nit's type is `String`\n\n### Reproduction\n\nhttps://github.com/x-wink/wink-ui\r\nthis is my repository\r\nthrow type error in this file: `docs\\src\\examples\\button\\use5.vue`\r\nit's ok in this file: `packages\\components\\select\\tag.vue`\n\n### Expected behavior\n\njust like vite projects\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 10 10.0.19045\r\n CPU: (24) x64 Intel(R) Xeon(R) CPU E5-2673 v3 @ 2.40GHz\r\n Memory: 19.04 GB / 31.86 GB\r\n Binaries:\r\n Node: 18.16.0 - D:\\nodejs\\node.EXE\r\n npm: 9.5.1 - D:\\nodejs\\npm.CMD\r\n pnpm: 8.7.4 - ~\\AppData\\Local\\pnpm\\pnpm.CMD\r\n Browsers:\r\n Chrome: bookmarks.html\r\ninitial_preferences\r\n Edge: Chromium (116.0.1938.81)\r\n Internet Explorer: 11.0.19041.1566\n```\n\n\n### Additional context\n\nexists follow projects in my UI libary momorepo:\r\n- docs\r\n- icons\r\n- components\r\n- wink-ui\r\n\r\n`docs` is a vitepress project, dependencie `icons` and `components`\r\n`icons` is a vite project with plugin vite-svg-loader\r\n`components` define vue components and dependencie `icons`\r\n`wink-ui` is a vite project dependencie `components`, build and emits `components`\r\n\r\nI try to upgrade vitepress to latest version,it's same result.\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.",[2937],{"name":2938,"color":2939},"need more info","bdbefc",2968,"Type error when use svg icon with plugin vite-svg-loader","2024-01-09T00:05:11Z","https://github.com/vuejs/vitepress/issues/2968",0.71892077,{"description":2946,"labels":2947,"number":2949,"owner":2877,"repository":2878,"state":2889,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### 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.",[2948],{"name":2938,"color":2939},2095,"vitepress not support jsx file?","2023-03-29T00:04:14Z","https://github.com/vuejs/vitepress/issues/2095",0.72199863,{"description":2955,"labels":2956,"number":2957,"owner":2877,"repository":2878,"state":2889,"title":2958,"updated_at":2959,"url":2960,"score":2961},"Minimal Reproducible Example: https://stackblitz.com/edit/vite-qjxpzz?file=docs%2FHelloWorld.vue (run `vitepress build docs`)\r\n\r\n---\r\n\r\n### Describe the bug\r\n\r\nI just had a live Vitepress site hosted on Netlify, using Vitepress 0.20.4 (EDIT: it's now at 1.0.0 alpha 4), fail a build with only content having changed. The site is publicly available on Github for reproduction: https://github.com/Ragura/dinkcreference.\r\n\r\nUsing `pnpm docs:build` command I get:\r\n\r\n```\r\n✓ building client + server bundles...\r\n✖ rendering pages...\r\nbuild error:\r\n ReferenceError: _unref is not defined\r\n at /Users/me/development/dinkcreference/node_modules/.pnpm/vitepress@0.20.4/node_modules/vitepress/dist/client/app/temp/app.js:1646:23\r\n at renderComponentSubTree (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:250:13)\r\n at renderComponentVNode (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:185:16)\r\n at Object.ssrRenderComponent (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:605:12)\r\n at _sfc_ssrRender (/Users/me/development/dinkcreference/node_modules/.pnpm/vitepress@0.20.4/node_modules/vitepress/dist/client/app/temp/functions_set-font-color.md.js:25:24)\r\n at renderComponentSubTree (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:250:13)\r\n at renderComponentVNode (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:185:16)\r\n at renderVNode (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:292:22)\r\n at renderVNodeChildren (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:307:9)\r\n at renderElementVNode (/Users/me/development/dinkcreference/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:358:17)\r\n```\r\nIt is not using any outside packages, just pure Vitepress with Docsearch enabled.\r\nIf I run dev/serve commands, it works just fine locally. Only when building does it fail. Any idea what could be causing this?\r\n\r\n### Reproduction\r\n\r\nClone https://github.com/Ragura/dinkcreference.\r\nRun `pnpm docs:build`\r\n\r\n### Expected behavior\r\n\r\nIt should build, but fails.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 12.3\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 86.88 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 17.0.1 - ~/.nvm/versions/node/v17.0.1/bin/node\r\n npm: 8.13.1 - ~/.nvm/versions/node/v17.0.1/bin/npm\r\n Browsers:\r\n Chrome: 103.0.5060.53\r\n Safari: 15.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.",[],876,"v-bind not working with computed properties","2023-01-21T14:32:41Z","https://github.com/vuejs/vitepress/issues/876",0.7222639,{"description":2963,"labels":2964,"number":2966,"owner":2877,"repository":2878,"state":2889,"title":2967,"updated_at":2968,"url":2969,"score":2970},"\u003C!--\r\nNOTE:\r\nVitePress is still WIP, and it is not compatible with VuePress.\r\nPlease do not open issue about default theme missing features or something doesn't work like VuePress.\r\n-->\r\n\r\n**Describe the bug**\r\n\r\nindex.md with\r\n\r\n```\r\n\u003Cfoo-bar>\r\nxxx\r\n\u003C/foo-bar>\r\n```\r\nwill throw error\r\n\r\n``` bash\r\n[vite] SFC template compilation error: \r\ndocs/index.md:4:1\r\nElement is missing end tag.\r\n1 | \r\n2 | \u003Ctemplate>\u003Cdiv>\u003Ch1 id=\"test\">\u003Ca class=\"header-anchor\" href=\"#test\" aria-hidden=\"true\">#\u003C/a> test\u003C/h1>\r\n3 | \u003Cfoo-bar>\r\n | ^\r\n4 | \u003Cp>xxx\r\n5 | \u003C/foo-bar>\u003C/p>\r\n\r\ndocs/index.md:5:11\r\nInvalid end tag.\r\n3 | \u003Cfoo-bar>\r\n4 | \u003Cp>xxx\r\n5 | \u003C/foo-bar>\u003C/p>\r\n | ^\r\n6 | \u003C/div>\u003C/template>\r\n```\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n\r\nclone [my repo](https://github.com/xxholly32/vitepress-playground)\r\n\r\nrun `npm i && npm run docs`\r\n\r\n**Expected behavior**\r\nA clear and concise description of what you expected to happen.\r\n\r\nno error or warning and transform will be correct\r\n\r\n**System Info**\r\n- vitepress version:0.6.0\r\n- vite version:1.0.0-rc.3\r\n- Node version:v12.16\r\n- OS version:10.15\r\n",[2965],{"name":2898,"color":2899},95,"Multiline vue-components transform error ","2023-01-21T16:24:24Z","https://github.com/vuejs/vitepress/issues/95",0.72307765,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffbwd0URoeeGBjfCGq5-IMr-FdaR4iU2sgvFobx3omp0":-1},"/vuejs/vitepress/1214"]