ui-thing 0.0.4 → 0.0.6

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "ui-thing",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "CLI used to add Nuxt 3 components to a project",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
+  "repository": {
+    "url": "https://github.com/BayBreezy/ui-thing-cli"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -16,7 +19,9 @@
     "dev": "tsup --watch",
     "start": "node dist/index.js",
     "format": "npx prettier --write .",
-    "release": "npm run build && npx changelogen@latest --release && npm publish && git push --follow-tags"
+    "release": "npm run build && npx changelogen@latest --release && npm publish && git push --follow-tags",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "keywords": [
     "cli",
@@ -36,6 +41,7 @@
   "license": "MIT",
   "dependencies": {
     "boxen": "^7.1.1",
+    "build": "^0.1.4",
     "c12": "^1.5.1",
     "commander": "^11.1.0",
     "defu": "^6.1.3",
@@ -49,14 +55,17 @@
     "prompts": "^2.4.2"
   },
   "devDependencies": {
+    "@gmrchk/cli-testing-library": "^0.1.2",
     "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
-    "@types/figlet": "^1.5.7",
-    "@types/fs-extra": "^11.0.3",
-    "@types/lodash": "^4.14.200",
-    "@types/node": "^20.8.10",
-    "@types/prompts": "^2.4.7",
+    "@types/figlet": "^1.5.8",
+    "@types/fs-extra": "^11.0.4",
+    "@types/lodash": "^4.14.201",
+    "@types/node": "^20.9.0",
+    "@types/prompts": "^2.4.8",
+    "@vitest/coverage-v8": "^0.34.6",
     "magicast": "^0.3.0",
     "tsup": "^7.2.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.6"
   }
 }

package/src/comp.ts

@@ -435,7 +435,7 @@ export default [
         fileName: "Checkbox/Checkbox.vue",
         dirPath: "components/UI",
         fileContent:
-          '<template>\r\n  <CheckboxRoot v-bind="forwarded" :class="styles({ class: props.class })">\r\n    <slot>\r\n      <Transition enter-active-class="transition" enter-from-class="opacity-0 scale-0">\r\n        <UICheckboxIndicator :icon="icon" />\r\n      </Transition>\r\n    </slot>\r\n  </CheckboxRoot>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { CheckboxRoot, useForwardPropsEmits } from "radix-vue";\r\n  import type { CheckboxRootEmits, CheckboxRootProps } from "radix-vue";\r\n\r\n  const props = defineProps<\r\n    CheckboxRootProps & {\r\n      class?: any;\r\n      id?: string;\r\n      icon?: string;\r\n    }\r\n  >();\r\n\r\n  const emit = defineEmits<CheckboxRootEmits>();\r\n  const forwarded = useForwardPropsEmits(props, emit);\r\n\r\n  const styles = tv({\r\n    base: "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",\r\n  });\r\n</script>\r\n',
+          '<template>\r\n  <CheckboxRoot v-bind="forwarded" :class="styles({ class: props.class })">\r\n    <slot>\r\n      <Transition enter-active-class="transition" enter-from-class="opacity-0 scale-0">\r\n        <UICheckboxIndicator :icon="icon" />\r\n      </Transition>\r\n    </slot>\r\n  </CheckboxRoot>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { CheckboxRoot, useForwardPropsEmits } from "radix-vue";\r\n  import type { CheckboxRootEmits, CheckboxRootProps } from "radix-vue";\r\n\r\n  const props = defineProps<\r\n    CheckboxRootProps & {\r\n      class?: any;\r\n      id?: string;\r\n      icon?: string;\r\n    }\r\n  >();\r\n\r\n  const emit = defineEmits<CheckboxRootEmits>();\r\n  const forwarded = useForwardPropsEmits(props, emit);\r\n\r\n  const styles = tv({\r\n    base: "peer h-[18px] w-[18px] shrink-0 rounded-sm border border-primary ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground md:h-4 md:w-4",\r\n  });\r\n</script>\r\n',
       },
       {
         fileName: "Checkbox/Indicator.vue",
@@ -988,7 +988,7 @@ export default [
         fileName: "Input.vue",
         dirPath: "components/UI",
         fileContent:
-          '<template>\r\n  <input :class="styles({ class: props.class })" v-bind="forwarded" v-model="localModel" />\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { useForwardPropsEmits } from "radix-vue";\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      class?: any;\r\n      id?: string;\r\n      name?: string;\r\n      placeholder?: string;\r\n      disabled?: boolean;\r\n      required?: boolean;\r\n      type?: string;\r\n      modelValue?: any;\r\n    }>(),\r\n    { type: "text" }\r\n  );\r\n  const emits = defineEmits<{\r\n    "update:modelValue": [value: any];\r\n  }>();\r\n  const forwarded = useForwardPropsEmits(useOmit(props, ["class"]), emits);\r\n\r\n  const localModel = useVModel(props, "modelValue", emits);\r\n\r\n  const styles = tv({\r\n    base: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground file:hover:cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",\r\n  });\r\n</script>\r\n',
+          '<template>\r\n  <input :class="styles({ class: props.class })" v-bind="forwarded" v-model="localModel" />\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { useForwardPropsEmits } from "radix-vue";\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      class?: any;\r\n      id?: string;\r\n      name?: string;\r\n      placeholder?: string;\r\n      disabled?: boolean;\r\n      required?: boolean;\r\n      type?: string;\r\n      modelValue?: any;\r\n    }>(),\r\n    { type: "text" }\r\n  );\r\n  const emits = defineEmits<{\r\n    "update:modelValue": [value: any];\r\n  }>();\r\n  const forwarded = useForwardPropsEmits(useOmit(props, ["class"]), emits);\r\n\r\n  const localModel = useVModel(props, "modelValue", emits);\r\n\r\n  const styles = tv({\r\n    base: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-[16px] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground file:hover:cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",\r\n  });\r\n</script>\r\n',
       },
     ],
     utils: [],
@@ -1022,7 +1022,7 @@ export default [
         fileName: "Label.vue",
         dirPath: "components/UI",
         fileContent:
-          '<template>\r\n  <Label :class="styles({ class: props.class })" v-bind="forwarded">\r\n    <slot />\r\n  </Label>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { Label, useForwardProps } from "radix-vue";\r\n  import type { LabelProps } from "radix-vue";\r\n\r\n  const props = defineProps<\r\n    LabelProps & {\r\n      class?: any;\r\n    }\r\n  >();\r\n  const forwarded = useForwardProps(useOmit(props, ["class"]));\r\n\r\n  const styles = tv({\r\n    base: "inline-block text-sm font-medium leading-none hover:cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",\r\n  });\r\n</script>\r\n',
+          '<template>\r\n  <Label :class="styles({ class: props.class })" v-bind="forwarded">\r\n    <slot />\r\n  </Label>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { Label, useForwardProps } from "radix-vue";\r\n  import type { LabelProps } from "radix-vue";\r\n\r\n  const props = defineProps<\r\n    LabelProps & {\r\n      class?: any;\r\n    }\r\n  >();\r\n  const forwarded = useForwardProps(useOmit(props, ["class"]));\r\n\r\n  const styles = tv({\r\n    base: "inline-block text-base font-medium leading-none hover:cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70 sm:text-sm",\r\n  });\r\n</script>\r\n',
       },
     ],
     utils: [],
@@ -1240,7 +1240,7 @@ export default [
         fileName: "OTP.vue",
         dirPath: "components/UI",
         fileContent:
-          '<template>\n  <VOtpInput\n    ref="otp"\n    v-model:value="localModel"\n    :input-classes="styles({ separator: Boolean(separator), class: inputClasses })"\n    :separator="separator"\n    :num-inputs="numInputs"\n    :input-type="inputType"\n    :inputmode="inputmode"\n    :should-auto-focus="shouldAutoFocus"\n    :placeholder="placeholder"\n    :is-disabled="disabled"\n    @on-change="emits(\'change\', $event)"\n    @on-complete="emits(\'complete\', $event)"\n  />\n</template>\n\n<script lang="ts" setup>\n  import VOtpInput from "vue3-otp-input";\n\n  const otp = ref<InstanceType<typeof VOtpInput> | null>(null);\n\n  const props = withDefaults(\n    defineProps<{\n      modelValue?: string;\n      numInputs?: number;\n      separator?: string;\n      inputClasses?: any;\n      conditionalClass?: any[];\n      inputType?: "number" | "tel" | "letter-numeric" | "password";\n      inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";\n      shouldAutoFocus?: boolean;\n      placeholder?: string[];\n      disabled?: boolean;\n    }>(),\n    {\n      numInputs: 4,\n      inputType: "letter-numeric",\n      inputmode: "text",\n      separator: "",\n    }\n  );\n  const emits = defineEmits<{\n    "update:modelValue": [any];\n    change: [any];\n    complete: [any];\n    ready: [any];\n  }>();\n  const localModel = useVModel(props, "modelValue", emits);\n\n  const styles = tv({\n    base: "mr-3 h-10 w-10 rounded-md border border-input bg-background p-1 text-center font-medium [-moz-appearance:_textfield] selection:bg-primary selection:text-primary-foreground  placeholder:text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",\n    variants: {\n      separator: {\n        true: "mx-2",\n      },\n    },\n  });\n\n  onMounted(() => {\n    emits("ready", otp.value);\n  });\n</script>\n',
+          '<template>\n  <VOtpInput\n    ref="otp"\n    v-model:value="localModel"\n    :input-classes="styles({ separator: Boolean(separator), class: inputClasses })"\n    :separator="separator"\n    :num-inputs="numInputs"\n    :input-type="inputType"\n    :inputmode="inputmode"\n    :should-auto-focus="shouldAutoFocus"\n    :placeholder="placeholder"\n    :is-disabled="disabled"\n    @on-change="emits(\'change\', $event)"\n    @on-complete="emits(\'complete\', $event)"\n  />\n</template>\n\n<script lang="ts" setup>\n  import VOtpInput from "vue3-otp-input";\n\n  const otp = ref<InstanceType<typeof VOtpInput> | null>(null);\n\n  const props = withDefaults(\n    defineProps<{\n      modelValue?: string;\n      numInputs?: number;\n      separator?: string;\n      inputClasses?: any;\n      conditionalClass?: any[];\n      inputType?: "number" | "tel" | "letter-numeric" | "password";\n      inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";\n      shouldAutoFocus?: boolean;\n      placeholder?: string[];\n      disabled?: boolean;\n    }>(),\n    {\n      numInputs: 4,\n      inputType: "letter-numeric",\n      inputmode: "text",\n      separator: "",\n    }\n  );\n  const emits = defineEmits<{\n    "update:modelValue": [any];\n    change: [any];\n    complete: [any];\n    ready: [any];\n  }>();\n  const localModel = useVModel(props, "modelValue", emits);\n\n  const styles = tv({\n    base: "mr-3 h-10 w-10 rounded-md border border-input bg-background p-1 text-center text-base font-medium [-moz-appearance:_textfield] selection:bg-primary  selection:text-primary-foreground placeholder:text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",\n    variants: {\n      separator: {\n        true: "mx-2",\n      },\n    },\n  });\n\n  onMounted(() => {\n    emits("ready", otp.value);\n  });\n</script>\n',
       },
     ],
     utils: [],
@@ -1999,24 +1999,6 @@ export default [
     utils: [],
     composables: [],
   },
-  {
-    name: "Vue Sonner",
-    value: "vue-sonner",
-    deps: ["vue-sonner"],
-    devDeps: [],
-    nuxtModules: [],
-    instructions: ["Remember to add the <UIVueSonner /> tag to your app.vue/layout file."],
-    files: [
-      {
-        fileName: "VueSonner.client.vue",
-        dirPath: "components/UI",
-        fileContent:
-          '<template>\r\n  <Toaster\r\n    position="top-right"\r\n    :visible-toasts="5"\r\n    rich-colors\r\n    :duration="7000"\r\n    close-button\r\n    :theme="$colorMode.value == \'dark\' ? \'dark\' : \'light\'"\r\n  />\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { Toaster } from "vue-sonner";\r\n</script>\r\n<style scoped>\r\n  :deep([data-sonner-toaster][data-theme="dark"]),\r\n  :deep([data-sonner-toaster][data-theme="light"]) {\r\n    --normal-bg: theme("colors.popover.DEFAULT");\r\n    --normal-border: theme("colors.border");\r\n    --normal-text: theme("colors.popover.foreground");\r\n    --border-radius: theme("borderRadius.md");\r\n  }\r\n  :deep([data-sonner-toaster]) {\r\n    @apply font-sans;\r\n  }\r\n  :deep([data-sonner-toast][data-styled="true"]) {\r\n    @apply items-start;\r\n  }\r\n  :deep([data-sonner-toast] [data-icon]) {\r\n    @apply mt-0.5;\r\n  }\r\n  :deep([data-sonner-toast] [data-title]) {\r\n    @apply text-sm font-semibold;\r\n  }\r\n  :deep([data-sonner-toast] [data-description]) {\r\n    @apply text-sm;\r\n  }\r\n  :deep([data-sonner-toast] [data-close-button]) {\r\n    @apply border border-border bg-background text-foreground hover:border-inherit hover:bg-inherit hover:text-accent-foreground;\r\n  }\r\n  :deep([data-sonner-toast] [data-button]) {\r\n    @apply bg-primary text-primary-foreground transition hover:opacity-90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;\r\n  }\r\n  :deep(.sonner-loading-bar) {\r\n    @apply bg-muted-foreground;\r\n  }\r\n</style>\r\n',
-      },
-    ],
-    utils: [],
-    composables: [],
-  },
   {
     name: "VeeCheckbox",
     value: "vue-checkbox",
@@ -2112,6 +2094,24 @@ export default [
     utils: [],
     composables: [],
   },
+  {
+    name: "Vue Sonner",
+    value: "vue-sonner",
+    deps: ["vue-sonner"],
+    devDeps: [],
+    nuxtModules: [],
+    instructions: ["Remember to add the <UIVueSonner /> tag to your app.vue/layout file."],
+    files: [
+      {
+        fileName: "VueSonner.client.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\r\n  <Toaster\r\n    position="top-right"\r\n    :visible-toasts="5"\r\n    rich-colors\r\n    :duration="7000"\r\n    close-button\r\n    :theme="$colorMode.value == \'dark\' ? \'dark\' : \'light\'"\r\n  />\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n  import { Toaster } from "vue-sonner";\r\n</script>\r\n<style scoped>\r\n  :deep([data-sonner-toaster][data-theme="dark"]),\r\n  :deep([data-sonner-toaster][data-theme="light"]) {\r\n    --normal-bg: theme("colors.popover.DEFAULT");\r\n    --normal-border: theme("colors.border");\r\n    --normal-text: theme("colors.popover.foreground");\r\n    --border-radius: theme("borderRadius.md");\r\n  }\r\n  :deep([data-sonner-toaster]) {\r\n    @apply font-sans;\r\n  }\r\n  :deep([data-sonner-toast][data-styled="true"]) {\r\n    @apply items-start;\r\n  }\r\n  :deep([data-sonner-toast] [data-icon]) {\r\n    @apply mt-0.5;\r\n  }\r\n  :deep([data-sonner-toast] [data-title]) {\r\n    @apply text-sm font-semibold;\r\n  }\r\n  :deep([data-sonner-toast] [data-description]) {\r\n    @apply text-sm;\r\n  }\r\n  :deep([data-sonner-toast] [data-close-button]) {\r\n    @apply border border-border bg-background text-foreground hover:border-inherit hover:bg-inherit hover:text-accent-foreground;\r\n  }\r\n  :deep([data-sonner-toast] [data-button]) {\r\n    @apply bg-primary text-primary-foreground transition hover:opacity-90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;\r\n  }\r\n  :deep(.sonner-loading-bar) {\r\n    @apply bg-muted-foreground;\r\n  }\r\n</style>\r\n',
+      },
+    ],
+    utils: [],
+    composables: [],
+  },
   {
     name: "VeeTextarea",
     value: "vue-textarea",

package/src/types.ts

@@ -11,3 +11,23 @@ export type UIConfig = {
 };
 
 export type InitOptions = { force?: boolean };
+
+export type Component = {
+  name: string;
+  value: string;
+  deps: string[];
+  devDeps: string[];
+  nuxtModules: string[];
+  instructions?: string[];
+  files: Composable[];
+  utils: Composable[];
+  composables: Composable[];
+  components?: string[];
+  askValidator?: boolean;
+};
+
+export type Composable = {
+  fileName: string;
+  dirPath: string;
+  fileContent: string;
+};

package/tests/utils/addPrettierConfig.test.ts

@@ -0,0 +1,78 @@
+import fse from "fs-extra";
+import * as prompts from "prompts";
+import * as  execa from "execa";
+import { afterEach, beforeAll, describe, expect, it, vi } from "vitest";
+
+import * as testingFn from "../../src/utils/addPrettierConfig";
+
+const currentDir = process.cwd();
+const question = "A prettier config file already exists. Overwrite?";
+const promptOptions = {
+  name: "overwrite",
+  type: "confirm",
+  message: question,
+  initial: true,
+};
+
+describe("utils/addPrettierConfig", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it(
+    "should ask the user if they want to overwrite the existing prettier config file if one exists",
+    async () => {
+      vi.spyOn(fse, "existsSync").mockImplementation(() => true);
+      vi.mock('prompts', async () => {
+        const prompts = await import('prompts');
+        return {
+          ...prompts,
+          default: async () => {
+            return { overwrite: false };
+          }
+        }
+      });
+
+      const result = await testingFn.addPrettierConfig();
+      expect(result).toBe(false);
+      expect(fse.existsSync).toHaveBeenCalledTimes(1);
+    }
+  );
+
+  it('should create config file if one does not exist', async () => {
+    vi.spyOn(fse, "existsSync").mockImplementation(() => false);
+    vi.spyOn(fse, "writeFile").mockResolvedValue();
+
+    const result = await testingFn.addPrettierConfig(currentDir, false);
+    expect(result).toBe(true);
+    expect(fse.existsSync).toHaveBeenCalledTimes(1);
+    expect(fse.writeFile).toHaveBeenCalledTimes(1);
+  })
+
+  it('should format files with prettier if format is true', async () => {
+    vi.spyOn(execa, '$')
+    vi.spyOn(testingFn, 'addPrettierConfig')
+    vi.spyOn(fse, "existsSync").mockImplementation(() => false);
+    vi.spyOn(fse, "writeFile").mockResolvedValue();
+    vi.mock('execa', async () => { 
+      const execa = await import('execa');
+      return {
+        ...execa,
+        '$': async () => {
+          return true
+        },
+        default: async () => {
+          return true
+        }
+      }
+    });
+
+    const result = await testingFn.addPrettierConfig(currentDir, true);
+    expect(result).toBe(true);
+    expect(fse.existsSync).toHaveBeenCalledTimes(1);
+    expect(fse.writeFile).toHaveBeenCalledTimes(1);
+    expect(execa.$).toHaveBeenCalledTimes(1);
+    expect(testingFn.addPrettierConfig).toHaveBeenCalledTimes(1);
+  
+  })
+});

package/tests/utils/fileExists.test.ts

@@ -0,0 +1,38 @@
+import fs from "node:fs";
+import path from "node:path";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import * as testingFn from "../../src/utils/fileExists";
+
+const currentDir = process.cwd();
+const badPath = path.join(currentDir, "test");
+const goodPath = path.join(currentDir, "tests/utils/fileExists.test.ts");
+
+describe("utils/fileExists", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+  it("should return true if file exists", async () => {
+    const spy = vi.spyOn(fs.promises, "access");
+    const fnSpy = vi.spyOn(testingFn, "fileExists");
+
+    const exists = await testingFn.fileExists(goodPath);
+    expect(fnSpy).toHaveBeenCalledWith(goodPath);
+    expect(spy).toHaveBeenCalledWith(goodPath, fs.constants.F_OK || fs.constants.W_OK);
+    expect(fnSpy).toBeCalledTimes(1);
+    expect(spy).toBeCalledTimes(1);
+    expect(exists).toBe(true);
+  });
+
+  it("should return false if file does not exist", async () => {
+    const spy = vi.spyOn(fs.promises, "access");
+    const fnSpy = vi.spyOn(testingFn, "fileExists");
+
+    const exists = await testingFn.fileExists(badPath);
+    expect(fnSpy).toHaveBeenCalledWith(badPath);
+    expect(spy).toHaveBeenCalledWith(badPath, fs.constants.F_OK || fs.constants.W_OK);
+    expect(fnSpy).toBeCalledTimes(1);
+    expect(spy).toBeCalledTimes(1);
+    expect(exists).toBe(false);
+  });
+});

package/vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    coverage: {
+      provider: "v8",
+    },
+  },
+});