chore(deps): add vitest for testing

package.json

@@ -7,7 +7,9 @@
     "build": "next build && next export",
     "start": "next start",
     "lint": "next lint",
-    "format": "prettier --write \"**/*.{ts,tsx,md}\""
+    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.4",
@@ -18,17 +20,24 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.2",
+    "@testing-library/react": "^13.4.0",
     "@types/node": "^18.0.0",
     "@types/react": "18.0.26",
+    "@vitejs/plugin-react": "^2.2.0",
+    "@vitest/coverage-c8": "^0.25.6",
     "autoprefixer": "^10.4.13",
     "eslint": "8.29.0",
     "eslint-config-next": "^13.0.4",
     "eslint-config-prettier": "^8.5.0",
+    "jsdom": "^20.0.3",
     "postcss": "^8.4.19",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.2.0",
     "tailwindcss": "^3.2.4",
-    "typescript": "^4.9.3"
+    "typescript": "^4.9.3",
+    "vite": "^3.2.5",
+    "vite-tsconfig-paths": "^4.0.1",
+    "vitest": "^0.25.6"
   },
   "engines": {
     "node": ">=16.0.0"

vitest.config.ts

@@ -0,0 +1,16 @@
+/// <reference types="vitest" />
+
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    tsconfigPaths(),
+  ],
+  test: {
+    environment: 'jsdom',
+  },
+})