docs: mention #components import for dynamic component (#22231)

huang-julien · web-flow · commit 6c517e919c75 · 2023-07-20T10:55:11.000+01:00
diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md
@@ -98,17 +98,20 @@ This registers the components using the same strategy as used in Nuxt 2. For exa
 
 ## Dynamic Components
 
-If you want to use the Vue `<component :is="someComputedComponent">` syntax, then you will need to use the `resolveComponent` helper provided by Vue.
+If you want to use the Vue `<component :is="someComputedComponent">` syntax, you need to use the `resolveComponent` helper provided by Vue or import the component directly from `#components` and pass it into `is` prop.
 
 For example:
 
 ```vue
 <script setup lang="ts">
+import { SomeComponent } from '#components'
+
 const MyButton = resolveComponent('MyButton')
 </script>
 
 <template>
   <component :is="clickable ? MyButton : 'div'" />
+  <component :is="SomeComponent" />
 </template>
 ```
 
