style: eslint fixes

Author: uwla

eslint.config.js

@@ -6,7 +6,14 @@ import typescriptEslint from "typescript-eslint"
 
 export default typescriptEslint.config(
     {
-        ignores: ["*.d.ts", "**/coverage", "**/dist", "assets/"],
+        ignores: [
+            "*.d.ts",
+            "**/coverage",
+            "**/dist",
+            "assets/",
+            "src/dev.ts",
+            "tests/components/*",
+        ],
         extends: [
             eslint.configs.recommended,
             ...typescriptEslint.configs.recommended,
@@ -21,6 +28,15 @@ export default typescriptEslint.config(
         },
         rules: {
             "@typescript-eslint/no-explicit-any": "off", // Allow the use of `any`
+            "@typescript-eslint/no-unused-vars": [
+                "error",
+                {
+                    args: "all",
+                    argsIgnorePattern: "^_",
+                    varsIgnorePattern: "^_",
+                    caughtErrorsIgnorePattern: "^_",
+                },
+            ],
             "vue/multi-word-component-names": "off", // Disable multi-word component names rule
             "vue/require-default-prop": "off", // Disable requiring default props
             "vue/no-v-html": "off", // Allow v-html usage (if needed)

src/aliases.ts

@@ -43,7 +43,7 @@ function delAliases(keys: string[]): void {
 }
 
 function isAlias(key: string): boolean {
-    return Object(aliases).hasOwnProperty(key)
+    return Object.prototype.hasOwnProperty.call(aliases, key)
 }
 
 function getAlias(key: string): FieldAlias {

src/parser/index.ts

@@ -8,6 +8,17 @@ import {
     toTitleCase,
 } from "../helpers"
 import { ProviderService } from "../provider"
+import {
+    type Attribute,
+    type ComponentProvider,
+    type Field,
+    type FieldDescription,
+    type FieldType,
+    type FieldValue,
+    type ParserOptions,
+    type VueComponent,
+    type VueComponentProps,
+} from "../types"
 
 const defaultParserOptions: ParserOptions = {
     attachRandomId: true,
@@ -82,7 +93,7 @@ export class Parser {
         return field.componentFeedback || "vfb-feedback"
     }
 
-    getFieldFeedbackComponentProps(field: Field): VueComponentProps {
+    getFieldFeedbackComponentProps(_field: Field): VueComponentProps {
         return {
             validFeedbackComponent: this.components["feedbackValid"],
             invalidFeedbackComponent: this.components["feedbackInvalid"],
@@ -141,7 +152,7 @@ export class Parser {
             const attributeObject: Attribute = this.stringToAttribute(attrStr)
             for (const key in attributeObject) {
                 const attributeValue: any = attributeObject[key]
-                if (!Object(field).hasOwnProperty(key))
+                if (!Object.prototype.hasOwnProperty.call(field, key))
                     field[key] = attributeValue
                 else field[key] = { ...field[key], ...attributeValue }
             }

src/provider/index.ts

@@ -13,7 +13,8 @@ const providers: Providers = {
 }
 
 function addProvider(name: ProviderName, provider: ComponentProvider) {
-    if (!Object(providers).hasOwnProperty(name)) providers[name] = provider
+    if (!Object.prototype.hasOwnProperty.call(providers, name))
+        providers[name] = provider
 }
 
 function delProvider(name: ProviderName) {
@@ -25,7 +26,7 @@ function getProvider(name: ProviderName) {
 }
 
 function hasProvider(name: ProviderName) {
-    return Object(providers).hasOwnProperty(name)
+    return Object.prototype.hasOwnProperty.call(providers, name)
 }
 
 function setProvider(name: ProviderName, provider: ComponentProvider) {

src/provider/providers.ts

@@ -89,7 +89,7 @@ type CP = ComponentProvider
 function addMissingComponentsToProvider(source: CP, target: CP) {
     // Copy components from source to target if they are not present in target.
     for (const fieldType of Object.keys(source)) {
-        if (!Object(target).hasOwnProperty(fieldType)) {
+        if (!Object.prototype.hasOwnProperty.call(target, fieldType)) {
             target[fieldType] = source[fieldType]
         }
     }

src/types.ts

@@ -1,12 +1,12 @@
 // TYPE DEFINITIONS
 
-type VueComponent = string
-type VueComponentProps = { [key: string]: any }
+export type VueComponent = string
+export type VueComponentProps = { [key: string]: any }
 
-type FieldValue = any
-type FieldType = string
-type FieldName = string
-type Field = {
+export type FieldValue = any
+export type FieldType = string
+export type FieldName = string
+export type Field = {
     [index: string]: any
     component: VueComponent
     componentFeedback: VueComponent
@@ -22,24 +22,24 @@ type Field = {
     wrapper?: VueComponent
 }
 
-type FieldDescription = Field | string | any
-type FieldAlias = FieldDescription
-type FieldAliases = { [key: string]: FieldAlias }
+export type FieldDescription = Field | string | any
+export type FieldAlias = FieldDescription
+export type FieldAliases = { [key: string]: FieldAlias }
 
-type Attribute = { [key: string]: any }
-interface AttributeParser {
+export type Attribute = { [key: string]: any }
+export interface AttributeParser {
     isAttribute(str: string): boolean
     stringToAttribute(str: string): Attribute
 }
 
-type Data = { [key: FieldName]: FieldValue }
-type Model = { [key: FieldName]: FieldValue }
+export type Data = { [key: FieldName]: FieldValue }
+export type Model = { [key: FieldName]: FieldValue }
 
-type ComponentProvider = { [key: FieldType]: VueComponent }
-type ProviderName = string
-type Providers = { [key: ProviderName]: ComponentProvider }
+export type ComponentProvider = { [key: FieldType]: VueComponent }
+export type ProviderName = string
+export type Providers = { [key: ProviderName]: ComponentProvider }
 
-type ParserOptions = {
+export type ParserOptions = {
     attachRandomId?: boolean
     provider: ProviderName
     wrapper?: VueComponent