feat(resolver): enable namespaced components

Signed-off-by: GitHub <[email protected]>

packages/plugins/src/resolver/index.ts

@@ -1,5 +1,6 @@
 import { type ComponentResolver } from 'unplugin-vue-components'
 import { components } from '../../../radix-vue/constant/components'
+import * as NamespacedComponents from '../namespaced'
 
 export interface ResolverOptions {
   /**
@@ -8,20 +9,28 @@ export interface ResolverOptions {
    * @defaultValue ""
    */
   prefix?: string
+  /**
+   * Enable the use of namespaced components
+   *
+   * @defaultValue false
+   */
+  namespaced?: boolean
 }
 
 export default function (options: ResolverOptions = {}): ComponentResolver {
-  const { prefix = '' } = options
+  const { prefix = '', namespaced = false } = options
 
   return {
     type: 'component',
     resolve: (name: string) => {
       if (name.toLowerCase().startsWith(prefix.toLowerCase())) {
-        const componentName = name.substring(prefix.length)
-        if (Object.values(components).flat().includes(componentName)) {
+        const componentName = name.substring(prefix.length).split('.')[0]
+        const isNamespacedComponent = Object.keys(NamespacedComponents).includes(componentName)
+        const isComponent = Object.values(components).flat().includes(componentName)
+        if (isNamespacedComponent || isComponent) {
           return {
             name: componentName,
-            from: 'radix-vue',
+            from: isNamespacedComponent && namespaced ? 'radix-vue/namespaced' : 'radix-vue',
           }
         }
       }