refactor(box): change vee-valide auto import names

oku-ui · Mar 11, 2024 · 975363c · 975363c
1 parent bb6b8c4
commit 975363c
Showing 1 changed file with 20 additions and 13 deletions.
diff --git a/packages/nuxt/src/runtime/modules/box/index.ts b/packages/nuxt/src/runtime/modules/box/index.ts
@@ -256,19 +256,26 @@ export default definePergelModule<BoxOptions, ResolvedBoxOptions>({
         ],
       })
 
-      const veeValidateComponents = [
-        'Field',
-        'Form',
-        'ErrorMessage',
-        'FieldArray',
-      ]
-
-      veeValidateComponents.forEach((component) => {
-        addComponent({
-          name: `Vee${component}`,
-          export: component,
-          filePath: 'vee-validate',
-        })
+      useNuxtImports(nuxt, {
+        presets: [
+          {
+            imports: [
+              'Form',
+              'ErrorMessage',
+              {
+                name: 'FieldArray',
+                as: 'FormFieldArray',
+                from: 'vee-validate',
+              },
+              {
+                name: 'Field',
+                as: 'FormField',
+                from: 'vee-validate',
+              },
+            ],
+            from: 'vee-validate',
+          },
+        ],
       })
 
       useNuxtImports(nuxt, {