fix: add PURE tags to treeshake components (#4266)

Author: ydcjeff

packages/vee-validate/src/ErrorMessage.ts

@@ -6,7 +6,7 @@ interface ErrorMessageSlotProps {
   message: string | undefined;
 }
 
-const ErrorMessageImpl = defineComponent({
+const ErrorMessageImpl = /** #__PURE__ */ defineComponent({
   name: 'ErrorMessage',
   props: {
     as: {

packages/vee-validate/src/Field.ts

@@ -38,7 +38,7 @@ interface FieldSlotProps<TValue = unknown>
   handleInput: FieldContext['handleChange'];
 }
 
-const FieldImpl = defineComponent({
+const FieldImpl = /** #__PURE__ */ defineComponent({
   name: 'Field',
   inheritAttrs: false,
   props: {

packages/vee-validate/src/FieldArray.ts

@@ -3,7 +3,7 @@ import { FieldArrayContext } from './types';
 import { useFieldArray } from './useFieldArray';
 import { normalizeChildren } from './utils';
 
-const FieldArrayImpl = defineComponent({
+const FieldArrayImpl = /** #__PURE__ */ defineComponent({
   name: 'FieldArray',
   inheritAttrs: false,
   props: {

packages/vee-validate/src/Form.ts

@@ -35,7 +35,7 @@ type FormSlotProps = UnwrapRef<
   getErrors<TValues extends GenericObject = GenericObject>(): FormErrors<TValues>;
 };
 
-const FormImpl = defineComponent({
+const FormImpl = /** #__PURE__ */ defineComponent({
   name: 'Form',
   inheritAttrs: false,
   props: {