style: add type imports

Author: uwla

src/aliases.ts

@@ -1,3 +1,5 @@
+import type { FieldAlias, FieldAliases } from "./types"
+
 const aliases: FieldAliases = {
     name: "name:name|text",
     fname: "name:fname|text|label:First name",

src/components/VueFormBuilder.ts

@@ -10,6 +10,7 @@ import {
 } from "../helpers"
 import { Parser } from "../parser"
 import { ProviderService } from "../provider"
+import type { Data, Field } from "../types"
 
 export default defineComponent({
     props: {

src/helpers.ts

@@ -1,4 +1,4 @@
-import "./types"
+import type { Data, Field, Model } from "./types"
 
 export function toTitleCase(str: string): string {
     return (

src/parser/attributes.ts

@@ -1,3 +1,4 @@
+import type { AttributeParser } from "../types"
 import BooleanAttribute from "./attributes/BooleanAttribute"
 import InputAttribute from "./attributes/InputAttribute"
 import OptionsAttribute from "./attributes/OptionsAttribute"

src/parser/attributes/BooleanAttribute.ts

@@ -1,4 +1,4 @@
-import "../../types"
+import type { Attribute, AttributeParser } from "../../types"
 
 export default class BooleanAttribute implements AttributeParser {
     isAttribute(attr: string): boolean {

src/parser/attributes/InputAttribute.ts

@@ -1,4 +1,4 @@
-import "../../types"
+import type { Attribute, AttributeParser } from "../../types"
 
 export default class InputAttribute implements AttributeParser {
     isAttribute(attr: string): boolean {

src/parser/attributes/OptionsAttribute.ts

@@ -1,4 +1,5 @@
 import { castValue } from "../../helpers"
+import type { Attribute, AttributeParser } from "../../types"
 
 export default class PropsAttribute implements AttributeParser {
     isAttribute(attr: string): boolean {

src/parser/attributes/PropsAttribute.ts

@@ -1,5 +1,5 @@
-import "../../types"
 import { castValue } from "../../helpers"
+import type { Attribute, AttributeParser } from "../../types"
 
 export default class HtmlAttribute implements AttributeParser {
     isAttribute(attribute: string): boolean {

src/parser/attributes/TypeAttribute.ts

@@ -1,4 +1,4 @@
-import "../../types"
+import type { Attribute, AttributeParser } from "../../types"
 
 export default class TypeAttribute implements AttributeParser {
     isAttribute(attribute: string): boolean {

src/parser/index.ts

@@ -8,16 +8,16 @@ 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,
+import type {
+    Attribute,
+    ComponentProvider,
+    Field,
+    FieldDescription,
+    FieldType,
+    FieldValue,
+    ParserOptions,
+    VueComponent,
+    VueComponentProps,
 } from "../types"
 
 const defaultParserOptions: ParserOptions = {

src/provider/index.ts

@@ -1,3 +1,4 @@
+import type { ComponentProvider, ProviderName, Providers } from "../types"
 import {
     VfbProvider,
     BootstrapVueProvider,

src/provider/providers.ts

@@ -1,6 +1,8 @@
 // ----------------------------------------------------------------------------
 // COMPONENT PROVIDERS
 
+import { type ComponentProvider } from "../types"
+
 // Dictionary: field type => VueFormBuilder component
 const VfbProvider: ComponentProvider = {
     checkboxes: "vfb-checkboxes",

tests/aliases.test.ts

@@ -1,5 +1,6 @@
 import { expect, test } from "vitest"
 import fieldAliases from "../src/aliases"
+import type { FieldAlias, FieldAliases } from "../src/types"
 
 const key = "name"
 const val: FieldAlias = "name:name|label|Full name|text"

tests/common.ts

@@ -5,6 +5,7 @@ import CustomFeedback from "./components/CustomFeedback.vue"
 import CalendarField from "./components/CalendarField.vue"
 import { components, VueFormBuilder } from "../src/main"
 import { shuffleArray } from "../src/helpers"
+import type { FieldDescription, Model } from "../src/types"
 
 // ────────────────────────────────────────────────────────────────────────────────
 // COMMON VARIABLES USED ACROSS TEST SUITES

tests/files.test.ts

@@ -48,7 +48,7 @@ test("it gets the file", async () => {
     // it should also contain other data
     for (const key of Object.keys(model)) {
         const val = model[key]
-        let payloadVal = null
+        let payloadVal: any = null
 
         // arrays are dealt differently in form data
         if (Array.isArray(val)) payloadVal = payload.getAll(`${key}[]`)

tests/parser.test.ts

@@ -8,6 +8,7 @@ import {
     veryCustomizedFields,
 } from "./common"
 import { ProviderService } from "../src/provider"
+import type { Field } from "../src/types"
 
 const BootstrapVueProvider = ProviderService.getProvider("bootstrap-vue")
 
@@ -18,7 +19,7 @@ const BootstrapVueProvider = ProviderService.getProvider("bootstrap-vue")
 const parser = new Parser()
 
 // this variable will store the parsed fields
-let fields = []
+let fields: Field[] = []
 
 // ─────────────────────────────────────────────────────────────────────────────
 // TESTS