style: linting and formatting

docs/src/integrations/svgSprite.ts

@@ -15,11 +15,11 @@ const integration: AstroIntegration = {
 
             return content.replace('<svg', `<symbol id="icon-${id}"`).replace('</svg>', '</symbol>');
           });
-        })
+        }),
       );
 
       const sprite = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hidden">${icons.join(
-        '\n'
+        '\n',
       )}</svg>`;
 
       await writeFile(path.join(path.resolve(), '../docs/dist/sprite.svg'), sprite, { encoding: 'utf-8' });

docs/src/utils/seo.ts

@@ -1,5 +1,3 @@
-import { MarkdownInstance } from 'astro';
-
 export function generateSocialImage({
   title,
   tagline,

inlang.config.js

@@ -1,17 +1,20 @@
 export async function defineConfig(env) {
-	const { default: pluginJson } = await env.$import(
-		'https://cdn.jsdelivr.net/gh/samuelstroschein/inlang-plugin-json@2/dist/index.js'
-	);
+  const { default: pluginJson } = await env.$import(
+    'https://cdn.jsdelivr.net/gh/samuelstroschein/inlang-plugin-json@2/dist/index.js',
+  );
 
-	const { default: standardLintRules } = await env.$import(
-		'https://cdn.jsdelivr.net/gh/inlang/standard-lint-rules@2/dist/index.js'
-	);
+  const { default: standardLintRules } = await env.$import(
+    'https://cdn.jsdelivr.net/gh/inlang/standard-lint-rules@2/dist/index.js',
+  );
 
-	return {
-		referenceLanguage: 'en',
-		plugins: [pluginJson({ 
-			pathPattern: './packages/i18n/src/locale/{language}.json',
-			variableReferencePattern: ["{", "}"]
-		}), standardLintRules()]
-	};
+  return {
+    referenceLanguage: 'en',
+    plugins: [
+      pluginJson({
+        pathPattern: './packages/i18n/src/locale/{language}.json',
+        variableReferencePattern: ['{', '}'],
+      }),
+      standardLintRules(),
+    ],
+  };
 }

package.json

@@ -75,7 +75,7 @@
     ],
     "*.js": [
       "eslint --fix",
-      "vitest run related"
+      "vitest run related --passWithNoTests"
     ]
   }
 }

packages/i18n/src/utils.ts

@@ -1,5 +1,3 @@
-import { isObject } from '../../shared';
-
 /**
  * Replaces placeholder values in a string with their actual values
  */

packages/nuxt/src/module.ts

@@ -41,7 +41,7 @@ export default defineNuxtModule<VeeValidateNuxtOptions>({
     autoImports: true,
     componentNames: {},
   },
-  setup(options, nuxt) {
+  setup(options) {
     if (options.autoImports) {
       composables.forEach(composable => {
         addImports({
@@ -70,14 +70,14 @@ export default defineNuxtModule<VeeValidateNuxtOptions>({
 function checkForZod(options: VeeValidateNuxtOptions) {
   if (isPackageExists('zod') && !isPackageExists('@vee-validate/zod')) {
     logger.warn(
-      'You seem to be using zod, but you have not installed @vee-validate/zod. Please install it to use zod with vee-validate.'
+      'You seem to be using zod, but you have not installed @vee-validate/zod. Please install it to use zod with vee-validate.',
     );
     return true;
   }
 
   if (isPackageExists('@vee-validate/zod') && !isPackageExists('zod')) {
     logger.warn(
-      'You seem to be using @vee-validate/zod, but you have not installed zod. Please install it to use zod with vee-validate.'
+      'You seem to be using @vee-validate/zod, but you have not installed zod. Please install it to use zod with vee-validate.',
     );
     return true;
   }
@@ -101,14 +101,14 @@ function checkForZod(options: VeeValidateNuxtOptions) {
 function checkForYup(options: VeeValidateNuxtOptions) {
   if (isPackageExists('yup') && !isPackageExists('@vee-validate/yup')) {
     logger.warn(
-      'You seem to be using yup, but you have not installed @vee-validate/yup. Please install it to use yup with vee-validate.'
+      'You seem to be using yup, but you have not installed @vee-validate/yup. Please install it to use yup with vee-validate.',
     );
     return true;
   }
 
   if (isPackageExists('@vee-validate/yup') && !isPackageExists('yup')) {
     logger.warn(
-      'You seem to be using @vee-validate/yup, but you have not installed yup. Please install it to use yup with vee-validate.'
+      'You seem to be using @vee-validate/yup, but you have not installed yup. Please install it to use yup with vee-validate.',
     );
     return true;
   }

packages/rules/src/toTypedSchema.ts

@@ -3,7 +3,7 @@ import { TypedSchema, RawFormSchema, validateObject, TypedSchemaError, validate
 import { Optional } from '../../shared';
 
 export function toTypedSchema<TOutput = any, TInput extends Optional<TOutput> = Optional<TOutput>>(
-  rawSchema: RawFormSchema<TInput> | string
+  rawSchema: RawFormSchema<TInput> | string,
 ): TypedSchema<TInput, TOutput> {
   const schema: TypedSchema = {
     __type: 'VVTypedSchema',

packages/rules/tests/helpers/index.ts

@@ -4,5 +4,5 @@ export default {
       name,
       type,
       size: size * 1024,
-    } as File),
+    }) as File,
 };

packages/rules/tests/mimes.spec.ts

@@ -11,8 +11,8 @@ test('validates mime types', () => {
         helpers.file('file.jpg', 'image/jpeg'),
         helpers.file('file.svg', 'image/svg'),
       ],
-      params
-    )
+      params,
+    ),
   ).toBe(true);
 
   expect(validate(helpers.file('file.pdf', 'application/pdf'), params)).toBe(false);

packages/shared/types.ts

@@ -13,12 +13,12 @@ export interface FieldValidationMetaInfo {
 export type ValidationRuleFunction<TValue = unknown, TParams = unknown[] | Record<string, unknown>> = (
   value: TValue,
   params: TParams,
-  ctx: FieldValidationMetaInfo
+  ctx: FieldValidationMetaInfo,
 ) => boolean | string | Promise<boolean | string>;
 
 export type SimpleValidationRuleFunction<TValue = unknown, TParams = unknown[] | Record<string, unknown>> = (
   value: TValue,
-  params: TParams
+  params: TParams,
 ) => boolean | string | Promise<boolean | string>;
 
 export type ValidationMessageGenerator = (ctx: FieldValidationMetaInfo) => string;

packages/vee-validate/src/Field.ts

@@ -255,7 +255,7 @@ const FieldImpl = /** #__PURE__ */ defineComponent({
             ...ctx.attrs,
             ...fieldProps.value,
           },
-          children
+          children,
         );
       }
 

packages/vee-validate/src/Form.ts

@@ -220,7 +220,7 @@ const FormImpl = /** #__PURE__ */ defineComponent({
           onSubmit,
           onReset: handleFormReset,
         },
-        children
+        children,
       );
     };
   },

packages/vee-validate/src/defineRule.ts

@@ -7,7 +7,7 @@ const RULES: Record<string, ValidationRuleFunction | SimpleValidationRuleFunctio
  */
 export function defineRule<TValue = unknown, TParams = any[] | Record<string, any>>(
   id: string,
-  validator: ValidationRuleFunction<TValue, TParams> | SimpleValidationRuleFunction<TValue, TParams>
+  validator: ValidationRuleFunction<TValue, TParams> | SimpleValidationRuleFunction<TValue, TParams>,
 ) {
   // makes sure new rules are properly formatted.
   guardExtend(id, validator);
@@ -27,7 +27,7 @@ export function resolveRule(id: string) {
  */
 function guardExtend<TValue, TParams>(
   id: string,
-  validator: ValidationRuleFunction<TValue, TParams> | SimpleValidationRuleFunction<TValue, TParams>
+  validator: ValidationRuleFunction<TValue, TParams> | SimpleValidationRuleFunction<TValue, TParams>,
 ) {
   if (isCallable(validator)) {
     return;

packages/vee-validate/src/devtools.ts

@@ -22,7 +22,7 @@ function installDevtoolsPlugin(app: App) {
         app,
         logo: 'https://vee-validate.logaretm.com/v4/logo.png',
       },
-      setupApiHooks
+      setupApiHooks,
     );
   }
 }
@@ -308,7 +308,7 @@ function getFieldNodeTags(
   fieldsCount: number,
   type: string | undefined,
   valid: boolean,
-  form: PrivateFormContext | undefined
+  form: PrivateFormContext | undefined,
 ) {
   const { textColor, bgColor } = getValidityColors(valid);
 
@@ -400,7 +400,7 @@ function decodeNodeId(nodeId: string): {
 }
 
 function buildFieldState(
-  state: Pick<PathState, 'errors' | 'initialValue' | 'touched' | 'dirty' | 'value' | 'valid'>
+  state: Pick<PathState, 'errors' | 'initialValue' | 'touched' | 'dirty' | 'value' | 'valid'>,
 ): CustomInspectorState {
   return {
     'Field state': [
@@ -468,14 +468,17 @@ function buildFormState(form: PrivateFormContext): CustomInspectorState {
       },
       {
         key: 'errors',
-        value: keysOf(errorBag.value).reduce((acc, key) => {
-          const message = errorBag.value[key]?.[0];
-          if (message) {
-            acc[key] = message;
-          }
-
-          return acc;
-        }, {} as Record<string, string | undefined>),
+        value: keysOf(errorBag.value).reduce(
+          (acc, key) => {
+            const message = errorBag.value[key]?.[0];
+            if (message) {
+              acc[key] = message;
+            }
+
+            return acc;
+          },
+          {} as Record<string, string | undefined>,
+        ),
       },
     ],
   };

packages/vee-validate/src/types/common.ts

@@ -10,7 +10,7 @@ export type MaybePromise<T> = T | Promise<T>;
 
 export type MapValuesPathsToRefs<
   TValues extends GenericObject,
-  TPaths extends readonly [...MaybeRef<Path<TValues>>[]]
+  TPaths extends readonly [...MaybeRef<Path<TValues>>[]],
 > = {
   readonly [K in keyof TPaths]: TPaths[K] extends MaybeRef<infer TKey>
     ? TKey extends Path<TValues>

packages/vee-validate/src/types/forms.ts

@@ -20,6 +20,7 @@ export interface TypedSchema<TInput = any, TOutput = TInput> {
   cast?(values: Partial<TInput>): TInput;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export type YupSchema<TValues = any> = {
   __isYupSchema__: boolean;
   validate(value: any, options: GenericObject): Promise<any>;
@@ -162,6 +163,7 @@ export interface FormState<TValues> {
 export type FormErrors<TValues extends GenericObject> = Partial<Record<Path<TValues>, string | undefined>>;
 export type FormErrorBag<TValues extends GenericObject> = Partial<Record<Path<TValues>, string[]>>;
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export interface FormActions<TValues extends GenericObject, TOutput = TValues> {
   setFieldValue<T extends Path<TValues>>(field: T, value: PathValue<TValues, T>, shouldValidate?: boolean): void;
   setFieldError(field: Path<TValues>, message: string | string[] | undefined): void;
@@ -249,6 +251,7 @@ export interface PrivateFormContext<TValues extends GenericObject = GenericObjec
   markForUnmount(path: string): void;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export interface BaseComponentBinds<TValue = unknown, TModel = 'modelValue'> {
   onBlur: () => void;
 }

packages/vee-validate/src/useFieldState.ts

@@ -30,7 +30,7 @@ let ID_COUNTER = 0;
 
 export function useFieldState<TValue = unknown>(
   path: MaybeRef<string>,
-  init: Partial<StateInit<TValue>>
+  init: Partial<StateInit<TValue>>,
 ): FieldStateComposable<TValue> {
   const { value, initialValue, setInitialValue } = _useFieldValue<TValue>(path, init.modelValue, init.form);
 
@@ -120,7 +120,7 @@ interface FieldValueComposable<TValue = unknown> {
 export function _useFieldValue<TValue = unknown>(
   path: MaybeRef<string>,
   modelValue?: MaybeRef<TValue>,
-  form?: PrivateFormContext
+  form?: PrivateFormContext,
 ): FieldValueComposable<TValue> {
   const modelRef = ref(unref(modelValue)) as Ref<TValue>;
 
@@ -187,7 +187,7 @@ function resolveModelValue<TValue>(
   modelValue: MaybeRef<TValue> | undefined,
   form: PrivateFormContext,
   initialValue: MaybeRef<TValue> | undefined,
-  path: MaybeRef<string>
+  path: MaybeRef<string>,
 ): TValue {
   if (isRef(modelValue)) {
     return unref(modelValue);
@@ -206,7 +206,7 @@ function resolveModelValue<TValue>(
 function createFieldMeta<TValue>(
   currentValue: Ref<TValue>,
   initialValue: MaybeRef<TValue> | undefined,
-  errors: Ref<string[]>
+  errors: Ref<string[]>,
 ) {
   const meta = reactive({
     touched: false,
@@ -227,7 +227,7 @@ function createFieldMeta<TValue>(
     {
       immediate: true,
       flush: 'sync',
-    }
+    },
   );
 
   return meta;

packages/vee-validate/src/useSubmitForm.ts

@@ -3,7 +3,7 @@ import { FormContext, SubmissionHandler } from './types';
 import { injectWithSelf, warn } from './utils';
 
 export function useSubmitForm<TValues extends Record<string, unknown> = Record<string, unknown>>(
-  cb: SubmissionHandler<TValues>
+  cb: SubmissionHandler<TValues>,
 ) {
   const form = injectWithSelf(FormContextKey) as FormContext<TValues> | undefined;
   if (!form) {

packages/vee-validate/src/utils/rules.ts

@@ -7,7 +7,7 @@ import { isObject } from '../../../shared';
  * Normalizes the given rules expression.
  */
 export function normalizeRules(
-  rules: undefined | string | Record<string, unknown | unknown[] | Record<string, unknown>>
+  rules: undefined | string | Record<string, unknown | unknown[] | Record<string, unknown>>,
 ): Record<string, unknown[] | Record<string, unknown>> {
   const acc: Record<string, unknown[] | Record<string, unknown>> = {};
   Object.defineProperty(acc, '_$$isNormalized', {
@@ -93,11 +93,14 @@ function buildParams(provided: unknown[] | Record<string, unknown>) {
     return [provided];
   }
 
-  return Object.keys(provided).reduce((prev, key) => {
-    prev[key] = mapValueToLocator(provided[key]);
+  return Object.keys(provided).reduce(
+    (prev, key) => {
+      prev[key] = mapValueToLocator(provided[key]);
 
-    return prev;
-  }, {} as Record<string, unknown>);
+      return prev;
+    },
+    {} as Record<string, unknown>,
+  );
 }
 
 /**

packages/vee-validate/src/utils/vnode.ts

@@ -6,7 +6,7 @@ type HTMLElementWithValueBinding = HTMLElement & { _value: unknown };
 export const normalizeChildren = (
   tag: string | Record<string, unknown> | undefined,
   context: SetupContext<any>,
-  slotProps: () => Record<string, unknown>
+  slotProps: () => Record<string, unknown>,
 ) => {
   if (!context.slots.default) {
     return context.slots.default;