Merge pull request #87 from IgnacioNMiranda/chore/update-deps

chore: update dependencies

Author: IgnacioNMiranda

.eslintrc.js

@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .idea
 .DS_Store
 *.suo

.gitignore

@@ -1 +1 @@
-v16.18.1
+v22.16.0

.nvmrc

@@ -1,12 +1,8 @@
 import type { StorybookConfig } from '@storybook/react-vite'
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-styling',
-  ],
+  addons: ['@storybook/addon-links', '@storybook/addon-themes', '@storybook/addon-docs'],
   framework: {
     name: '@storybook/react-vite',
     options: {
@@ -15,8 +11,6 @@ const config: StorybookConfig = {
       },
     },
   },
-  docs: {
-    autodocs: 'tag',
-  },
 }
+
 export default config

.prettierrc

@@ -1,4 +1,4 @@
-import type { Preview } from '@storybook/react'
+import type { Preview } from '@storybook/react-vite'
 import '../src/lib/tailwind/theme.css'
 
 const preview: Preview = {

.storybook/main.ts

@@ -1,16 +1,10 @@
 import react from '@vitejs/plugin-react'
+import type { UserConfigExport } from 'vite'
 import { defineConfig } from 'vitest/config'
-import tailwindcss from 'tailwindcss'
-import { UserConfigExport } from 'vite'
 
 const app = async (): Promise<UserConfigExport> => {
   return defineConfig({
     plugins: [react()],
-    css: {
-      postcss: {
-        plugins: [tailwindcss],
-      },
-    },
   })
 }
 // https://vitejs.dev/config/

.storybook/preview.ts

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["biomejs.biome"]
+}

.storybook/vite.config.ts

@@ -0,0 +1,22 @@
+{
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome",
+    "editor.formatOnSave": true,
+    "files.insertFinalNewline": true,
+    "editor.tabSize": 2
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.biome": "explicit",
+      "source.organizeImports.biome": "explicit"
+    },
+    "editor.formatOnSave": true,
+    "files.insertFinalNewline": true,
+    "editor.tabSize": 2
+  },
+  "[json]": {
+    "editor.defaultFormatter": "biomejs.biome",
+    "editor.formatOnSave": true,
+  }
+}

.vscode/extensions.json

@@ -2,12 +2,13 @@
 
 ## Features
 
-- ⚛️ [React 18](https://reactjs.org/)
-- 📚 [Storybook 7](https://storybook.js.org/) - Components preview
-- 🖌️ [Tailwind CSS 3](https://tailwindcss.com/)
+- ♥️ [Node 22](https://nodejs.org/en/download)
+- ⚛️ [React 19](https://reactjs.org/)
+- 📚 [Storybook 9](https://storybook.js.org/) - Components preview
+- 🖌️ [Tailwind CSS 4](https://tailwindcss.com/)
 - ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
 - ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing
-- 📐 [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
+- 📐 [Biome](https://biomejs.dev/) - Formatting and Linting
 - 🌟 [Typescript](https://www.typescriptlang.org/)
 - 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
 - ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
@@ -19,7 +20,6 @@
 1. Create a new repository using this one as template
 2. Clone your repo
 3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
-4. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.
 
 ## Main Scripts
 
@@ -28,8 +28,8 @@ Always prepending pnpm:
 - `dev`: Bootstrap the Storybook preview with Hot Reload.
 - `build`: Builds the static storybook project.
 - `build:lib`: Builds the component library into the **dist** folder.
-- `lint:fix`: Applies linting based on the rules defined in **.eslintrc.js**.
-- `format:prettier`: Formats files using the prettier rules defined in **.prettierrc**.
+- `lint`: Applies linting based on the rules defined in **biome.json**.
+- `format`: Formats files using the biome rules defined in **biome.json**.
 - `test`: Runs testing using watch mode.
 - `test:cov`: Runs testing displaying a coverage report.