md file can't use import external resources

[Mamorial]

Describe the bug

md file can't use import @vicons/antd

My Code
:::demo

<template>
    <wp-icon name="DeleteOutlined"></wp-icon>
</template>

<script lang="ts" setup>
import {RightOutlined} from '@vicons/antd';
</script>

:::

Browser Error

Reproduction

md file use import

Expected behavior

md file can use import node_modules package

System Info

"vitepress": "1.0.0-alpha.4"
"@vicons/antd": "^0.11.0"
"vite": "^2.9.0"

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[Mamorial]

"vitepress": "0.22.4"

[brc-dd]

What is :::demo? In the screenshot you've shown, its inside a code block. Not sure what you meant by importing it. Anything you put inside a code block will render as is. But I am guessing that your demo container somehow extracts that and tries to render it. The issue is probably with that component.

[Mamorial]

:::demo Has it been abandoned? I want to run VUE code in MD file

[brc-dd]

I don't think there was any such thing in VitePress (I guess you're confused between VitePress and VuePress, in VuePress there are some plugins using which you can show demos). In VitePress, you can use Vue directly in markdown like this:

# Hey there

<right-outlined />

<script setup lang="ts">
import { RightOutlined } from '@vicons/antd'
</script>

[Mamorial]

yes i know, but I want to render directly in MD files, like the following

[brc-dd]

Yeah, that's what I'm saying, you don't need to put that demo block. Put that content directly inside your md file:

[Mamorial]

I used this theme

[brc-dd]

That theme is not official. You can create issues on its repo (https://github.com/xinlei3166/vitepress-theme-demoblock) if something isn't working. But this clearly isn't an issue with VitePress.

[Mamorial]

OK I got it thank you very much

[brc-dd]

I had wrote a simple component that did that demo thing for an issue here. But I'm unable to find that. As for the element plus, you can do this: #603 (comment). If you can write a demo plugin for yourself then you don't need that theme at all IG (also it isn't updated for v1-alpha I believe). I am closing this for now. If you need some help then create a discussion or ask on Vue's discord (https://chat.vuejs.org/).