From 975363c12628c6733e5d9eac357a7298d9693ac9 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Mon, 11 Mar 2024 12:48:42 +0300
Subject: [PATCH] refactor(box): change vee-valide auto import names

---
 .../nuxt/src/runtime/modules/box/index.ts     | 33 +++++++++++--------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/packages/nuxt/src/runtime/modules/box/index.ts b/packages/nuxt/src/runtime/modules/box/index.ts
index 498d23bd..a1c7944f 100644
--- 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, {