\r\n\u003C/div>\r\n`\r\n\r\n// when creating a demo section, `@/` will be replaced with `srcDir`\r\nexport const demoPlugin = (md: MarkdownIt, srcDir: string) => {\r\n const parser: RuleBlock = (state, startLine, _endLine, _silent) => {\r\n /*... some code to extract the file name from the markdown ... */\r\n token.attrSet('src', resolve(filename))\r\n return true\r\n }\r\n\r\n const renderer: RenderRule = (...args) => {\r\n /* ... some code to get `src` and check that the file exists ... */\r\n \r\n const file = readFileSync(src, 'utf8')\r\n\r\n // script\r\n token.info = `ts`\r\n token.content = findSection(file, SCRIPT_START, SCRIPT_END)\r\n const script = md.renderer.rules.fence!(...args)\r\n\r\n // template\r\n token.info = `vue-html`\r\n token.content = findSection(file, TEMPLATE_START, TEMPLATE_END)\r\n const template = md.renderer.rules.fence!(...args)\r\n\r\n // component\r\n const demo = md.render(COMPONENT_SNIPPET(src))\r\n\r\n return script + template + demo\r\n }\r\n\r\n md.renderer.rules.demo = renderer\r\n md.block.ruler.before(md.block.ruler.getRules('')[0].name, 'demo', parser)\r\n}\r\n\r\n// returns everything between the first match of `start` and the subsequent first match for `end`\r\nfunction findSection(content: string, start: RegExp, end: RegExp): string {\r\n //...\r\n}\r\n``` \r\n\r\nSo the markdown rendered used to take the line `const demo = md.render(COMPONENT_SNIPPET(src))` and automagically put the `import` statement where it needs to be and happily render the component. However, since updating to `1.0.0-alpha.11` this no longer works. In fact if I manually write out the import statement in the markdown file, everything works - so something is wrong with the way my plugin is handling the import.\r\n\r\nI looked into the way [plugin-sfc](https://github.com/mdit-vue/mdit-vue/tree/main/packages/plugin-sfc) works and it looks like there was a change from `0.10.0` to `0.11.0` in the way script SFC blocks are handled.\r\n\r\nI tried to copy the way the changed code works in my plugin, but I have not managed to get it working:\r\n\r\n```ts\r\n const block = `\u003Cscript setup lang=\"ts\"> import DemoComponent from \"${src}\"; \u003C/script>`\r\n sfcBlocks.scriptSetup = block\r\n sfcBlocks.scripts.push(block)\r\n\r\n token.content = `\u003Cdiv class=\"vp-raw\"> \u003Cdemo-component/> \u003C/div>`\r\n const demo = md.renderer.rules.html_block!(...args)\r\n```\r\n\r\nDoes anyone know how this can be done? How can my plugin tell VitePress that it needs to import the demo component for this page?\r\n",[],1349,"closed","Import custom component in MarkdownIt plugin","2023-01-21T14:22:46Z","https://github.com/vuejs/vitepress/issues/1349",0.70358676,{"description":3077,"labels":3078,"number":3079,"owner":3027,"repository":3028,"state":3071,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### Is your feature request related to a problem? Please describe.\n\nI have such a dynamic parameter page because its data needs to be rendered using Vue components. I cannot directly load and pass the content parameter in `[lang]-[version].paths.ts` and use `\u003C!-- @content -->` to render the page directly. Instead, I must load and pass all the data in `hocon.data.ts` and import it into the Vue component of the page. I found that this way will load all the data, even though I only need the data of the current page.\r\n\r\n\u003Cimg width=\"623\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/38158783/dc2eb916-ffad-4010-ab72-84f7685a867a\">\r\n\r\nhocon.data.ts\r\n```ts\r\ninterface HoconPageData {\r\n hocon: {\r\n [version: string]: {\r\n [language: string]: Struct[]\r\n }\r\n }\r\n}\r\n\r\nexport default defineLoader({\r\n watch: ['../public/api/hocon-*.json'],\r\n load(_watchedFiles) {\r\n const hoconPageData = {} as HoconPageData\r\n\r\n const hoconFiles = readHoconFiles()\r\n\r\n if (!hoconFiles.length)\r\n return hoconPageData\r\n\r\n hoconPageData.hocon = hoconFiles.reduce((acc: any, hoconFile) => {\r\n if (!acc[hoconFile.version])\r\n acc[hoconFile.version] = {}\r\n\r\n acc[hoconFile.version][hoconFile.lang] = JSON.parse(hoconFile.fileContent) as Struct[]\r\n return acc\r\n }, {})\r\n\r\n return hoconPageData\r\n },\r\n})\r\n```\r\n\r\nHoconView.vue\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { computed, ref } from 'vue'\r\nimport { useData } from 'vitepress'\r\nimport type { Struct } from '../../utils/schema'\r\nimport { data } from '../../../hocon/hocon.data'\r\nimport HoconStruct from './HoconStruct.vue'\r\n\r\nconst { lang, params } = useData()\r\n\r\nconst version = computed(() => params.value?.version)\r\n\r\nconst rootStruct = ref(data.hocon[version.value][lang.value] as Struct)\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CHoconStruct :struct=\"rootStruct\" />\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"scss\">\r\n\r\n\u003C/style>\r\n```\r\n\n\n### Describe the solution you'd like\n\nCurrently, only when rendering Markdown or HTML directly can the `content` parameter be passed to load page content as needed. I hope that when using local files as build data and needing Vue components to render pages, data can also be loaded according to page parameters as needed.\n\n### Describe alternatives you've considered\n\n_No response_\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] 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.",[],3269,"Can local file data be loaded on demand based on the page?","2023-12-14T00:04:41Z","https://github.com/vuejs/vitepress/issues/3269",0.7085115,{"description":3085,"labels":3086,"number":3090,"owner":3027,"repository":3028,"state":3071,"title":3091,"updated_at":3092,"url":3093,"score":3094},"### Describe the bug\n\nThis is not working as intended.\r\n\r\n\r\n\r\n[StackBlitz](https://vitepress.new/)\r\n\r\nWhen you click, it will take you here, and the side terminal will show \"installing dependencies.\"\r\n\r\n\r\n\r\nBut after a few seconds, it crashes.\r\n\r\n\r\n\r\nI checked it with other browsers as well, but the same thing is happening.\n\n### Reproduction\n\nSimply go to this link [StackBlitz](https://vitepress.new/).\r\n\r\nAnd wait for few seconds.\r\n\r\n\r\n \n\n### Expected behavior\n\nIt should not crash.\n\n### System Info\n\n```sh\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (4) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\nBinaries:\r\n Node: 16.20.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.6.10 - /usr/local/bin/pnpm\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.",[3087],{"name":3088,"color":3089},"upstream","BF29ED",2838,"starter template is crashing.","2023-09-01T00:04:33Z","https://github.com/vuejs/vitepress/issues/2838",0.71083546,{"description":3096,"labels":3097,"number":3101,"owner":3027,"repository":3028,"state":3071,"title":3102,"updated_at":3103,"url":3104,"score":3105},"### Is your feature request related to a problem? Please describe.\r\n\r\nConveniently use content-adaptive layout in components on the home page\r\n\r\n### Describe the solution you'd like\r\n\r\n`.vitepress/theme/index.ts`:\r\n```ts\r\nimport HomePage from './component/HomePage'\r\n\r\nexport default {\r\n Layout: () => {\r\n return h(Theme.Layout, null, {\r\n 'home-features-after': () => h(HomePage),\r\n })\r\n },\r\n```\r\n\r\n---\r\n\r\n`HomePage.vue`:\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport{ VPHomeContent } from 'vitepress/theme'\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n\t\u003CVPHomeContent>\r\n\t\t\u003C!-- my custom content -->\r\n\t\u003C/VPHomeContent>\r\n\u003C/template>\r\n```\r\n\r\n### Describe alternatives you've considered\r\n\r\n_No response_\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] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\r\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[3098],{"name":3099,"color":3100},"contribution welcome","11E4B8",3954,"[New feature] export `VPHomeContent` to provide content-adaptive layout","2024-06-22T04:41:46Z","https://github.com/vuejs/vitepress/issues/3954",0.7234665,{"description":3107,"labels":3108,"number":3112,"owner":3027,"repository":3028,"state":3071,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Describe the bug\r\n\r\nComponents at the start of a line/paragraph don't render their contents as Markdown despite other Markdown renders doing so.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/vite-jgrywo?file=docs%2Findex.md\r\n\r\nLook at \"Some Markdown\" line. I expected it to render as Markdown...\r\n\r\n### Expected behavior\r\n\r\nIt should render as Markdown. When rendered by other systems at least it does. e.g. VS Code Markdown preview.\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.20.3 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.6 - /usr/local/bin/pnpm\r\n npmPackages:\r\n vitepress: latest => 1.2.3\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nVitePress:\r\n\r\n\r\nVS Code:\r\n\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.",[3109],{"name":3110,"color":3111},"wont fix","EDEED1",4017,"Components at the start of a line/paragraph don't render their contents as Markdown","2024-07-11T04:42:20Z","https://github.com/vuejs/vitepress/issues/4017",0.7351641,{"description":3118,"labels":3119,"number":3123,"owner":3027,"repository":3028,"state":3071,"title":3124,"updated_at":3125,"url":3126,"score":3127},"### Is your feature request related to a problem? Please describe.\n\n有中文文档吗\n\n### Describe the solution you'd like\n\n有中文文档吗\n\n### Describe alternatives you've considered\n\n_No response_\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] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/master/.github/contributing.md).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3120],{"name":3121,"color":3122},"question","5D5FAE",414,"有中文文档吗","2023-01-21T16:20:24Z","https://github.com/vuejs/vitepress/issues/414",0.74398416,["Reactive",3129],{},["Set"],["ShallowReactive",3132],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmaZ3o2eusqD_LusEqxY85MNR7C2-nfDYwtpXSuuOZj4":-1},"/vuejs/vitepress/3295"]