chore(biome): add lint:fix script for auto-fix

.templates/component/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

.templates/component/src/Component.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Component } from './Component';
 
 const meta = {

.templates/component/vitest.config.ts

@@ -1,4 +1,5 @@
 import { defineProject, mergeConfig } from 'vitest/config';
+
 import defaultConfig from '../../vitest.config';
 
 export default mergeConfig(

.vscode/extensions.json

@@ -1,6 +1,3 @@
 {
-  "recommendations": [
-    "biomejs.biome",
-    "github.vscode-github-actions"
-  ]
+  "recommendations": ["biomejs.biome", "github.vscode-github-actions"]
 }

.vscode/settings.json

@@ -2,8 +2,7 @@
   "editor.defaultFormatter": "biomejs.biome",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "quickfix.biome": "explicit",
-    "source.organizeImports.biome": "explicit"
+    "source.fixAll.biome": "explicit"
   },
   "[typescript]": {
     "editor.defaultFormatter": "biomejs.biome"
@@ -22,5 +21,5 @@
   },
   "[jsonc]": {
     "editor.defaultFormatter": "biomejs.biome"
-  },
+  }
 }

commitlint.config.ts

@@ -2,6 +2,7 @@ const englishOnly = /^[A-Za-z0-9\s!@#$%^&*(),.?":{}|<>_-]+$/;
 
 // https://commitlint.js.org/reference/configuration.html#typescript-configuration
 import { RuleConfigSeverity, type UserConfig } from '@commitlint/types';
+
 const Configuration: UserConfig = {
   extends: ['@commitlint/config-conventional'],
   //   parserPreset: '',

package.json

@@ -6,7 +6,8 @@
     "prepare": "husky",
     "cz": "cz",
     "format": "biome format --write",
-    "lint": "biome lint --write",
+    "lint": "biome lint",
+    "lint:fix": "biome check --write",
     "dev:storybook": "storybook dev -p 6006 public",
     "build:storybook": "storybook build public",
     "serve:storybook": "serve storybook-static -p 6006",

packages/accordion/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/avatar/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/avatar/src/Avatar.css.ts

@@ -1,4 +1,5 @@
 import { style, styleVariants } from '@vanilla-extract/css';
+
 import { AvatarShape, AvatarSize } from './Avatar';
 
 export const root = style({

packages/avatar/src/Avatar.stories.tsx

@@ -1,5 +1,6 @@
 import { faker } from '@faker-js/faker';
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Avatar } from './Avatar';
 
 const meta = {

packages/avatar/src/Avatar.test.tsx

@@ -1,6 +1,7 @@
 import { faker } from '@faker-js/faker';
 import { render, screen } from '@testing-library/react';
 import { describe, expect, it, test } from 'vitest';
+
 import { Avatar, type AvatarShape, type AvatarSize } from './Avatar';
 
 const testImage = faker.image.avatar();

packages/avatar/src/Avatar.tsx

@@ -1,6 +1,9 @@
+import { type ComponentProps, type ForwardedRef, forwardRef } from 'react';
+
 import { Slot } from '@radix-ui/react-slot';
+
 import { clsx as cx } from 'clsx';
-import { type ComponentProps, type ForwardedRef, forwardRef } from 'react';
+
 import * as styles from './Avatar.css';
 
 export interface AvatarProps extends ComponentProps<'div'> {

packages/avatar/vitest.config.ts

@@ -1,4 +1,5 @@
 import { defineProject, mergeConfig } from 'vitest/config';
+
 import defaultConfig from '../../vitest.config';
 
 export default mergeConfig(

packages/badge/.storybook/main.ts

@@ -2,11 +2,7 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 export default {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-links',
-  ],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-interactions', '@storybook/addon-links'],
   framework: {
     name: '@storybook/react-vite',
     options: {},

packages/badge/.storybook/preview.ts

@@ -1,5 +1,6 @@
 import 'sanitize.css';
 import 'sanitize.css/typography.css';
+
 import type { Preview } from '@storybook/react';
 
 export default {

packages/badge/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/badge/src/Badge.css.ts

@@ -1,6 +1,7 @@
-import { style, styleVariants } from '@vanilla-extract/css';
 import { color as colorToken, fontSize as fontSizeToken } from '@sipe-team/tokens';
 
+import { style, styleVariants } from '@vanilla-extract/css';
+
 // Define the types for our component
 export const BadgeSize = {
   small: 'small',

packages/badge/src/Badge.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Badge, type BadgeSize, type BadgeVariant } from './Badge';
 import { BadgeSize as BadgeSizeEnum, BadgeVariant as BadgeVariantEnum } from './Badge.css';
 

packages/badge/src/Badge.test.tsx

@@ -1,7 +1,9 @@
+import { color as colorToken } from '@sipe-team/tokens';
+
 import { render, screen } from '@testing-library/react';
 import { expect, test } from 'vitest';
+
 import { Badge } from './Badge';
-import { color as colorToken } from '@sipe-team/tokens';
 
 test('children으로 입력한 텍스트를 표시한다.', () => {
   render(<Badge>테스트</Badge>);

packages/badge/src/Badge.tsx

@@ -1,6 +1,9 @@
+import { type ComponentProps, type ForwardedRef, forwardRef } from 'react';
+
 import { Typography } from '@sipe-team/typography';
+
 import { clsx as cx } from 'clsx';
-import { type ComponentProps, type ForwardedRef, forwardRef } from 'react';
+
 import * as styles from './Badge.css';
 
 export type BadgeSize = keyof typeof styles.BadgeSize;

packages/badge/vitest.config.ts

@@ -1,4 +1,5 @@
 import { defineProject, mergeConfig } from 'vitest/config';
+
 import defaultConfig from '../../vitest.config';
 
 export default mergeConfig(

packages/button/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/button/vitest.config.ts

@@ -1,4 +1,5 @@
 import { defineProject, mergeConfig } from 'vitest/config';
+
 import defaultConfig from '../../vitest.config';
 
 export default mergeConfig(

packages/card/.storybook/main.ts

@@ -2,11 +2,7 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 export default {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    '@storybook/addon-links',
-  ],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-interactions', '@storybook/addon-links'],
   framework: {
     name: '@storybook/react-vite',
     options: {},

packages/card/.storybook/preview.ts

@@ -1,5 +1,6 @@
 import 'sanitize.css';
 import 'sanitize.css/typography.css';
+
 import type { Preview } from '@storybook/react';
 
 export default {

packages/card/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/card/src/Card.css.ts

@@ -1,4 +1,5 @@
 import { color } from '@sipe-team/tokens';
+
 import { recipe } from '@vanilla-extract/recipes';
 
 export const CardVariant = {

packages/card/src/Card.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Card } from './Card';
 
 const meta = {

packages/card/src/Card.test.tsx

@@ -1,6 +1,8 @@
 import { color } from '@sipe-team/tokens';
+
 import { render, screen } from '@testing-library/react';
 import { expect, test } from 'vitest';
+
 import { Card } from './Card';
 
 test('children으로 넘어간 요소를 반환한다. ', () => {

packages/card/src/Card.tsx

@@ -1,7 +1,10 @@
+import { type ComponentProps, type ForwardedRef, forwardRef } from 'react';
+
 import { Slot } from '@radix-ui/react-slot';
+
 import { clsx as cx } from 'clsx';
-import { type ComponentProps, type ForwardedRef, forwardRef } from 'react';
-import { card, type CardVariant, type CardRatio } from './Card.css';
+
+import { type CardRatio, type CardVariant, card } from './Card.css';
 
 export interface CardProps extends ComponentProps<'div'> {
   asChild?: boolean;

packages/card/vitest.config.ts

@@ -1,4 +1,5 @@
 import { defineProject, mergeConfig } from 'vitest/config';
+
 import defaultConfig from '../../vitest.config';
 
 export default mergeConfig(

packages/checkbox/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/checkbox/src/Checkbox.css.ts

@@ -1,6 +1,8 @@
 import { color } from '@sipe-team/tokens';
+
 import type { RecipeVariants } from '@vanilla-extract/recipes';
 import { recipe } from '@vanilla-extract/recipes';
+
 import { CheckboxSize } from './Checkbox';
 
 export const CHECKBOX_SIZES = {

packages/checkbox/src/Checkbox.stories.tsx

@@ -1,5 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
 import { Checkbox } from './Checkbox';
 import { useCheckboxGroup } from './hooks/useCheckboxGroup';
 

packages/checkbox/src/Checkbox.test.tsx

@@ -1,8 +1,9 @@
 import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { describe, expect, test, vi } from 'vitest';
-import { Checkbox, CheckboxSize, type CheckBoxRootBaseProps } from './Checkbox';
+
+import { type CheckBoxRootBaseProps, Checkbox, CheckboxSize } from './Checkbox';
 import { CHECKBOX_SIZES } from './Checkbox.css';
-import userEvent from '@testing-library/user-event';
 
 const RenderBasicCheckbox = ({ label, ...props }: CheckBoxRootBaseProps & { label?: string }) => {
   return (

packages/checkbox/src/Checkbox.tsx

@@ -1,13 +1,15 @@
-import clsx from 'clsx';
 import {
+  type ChangeEventHandler,
+  type ComponentProps,
   createContext,
   forwardRef,
+  type Ref,
   useContext,
   useId,
-  type ChangeEventHandler,
-  type ComponentProps,
-  type Ref,
 } from 'react';
+
+import clsx from 'clsx';
+
 import { container, input, label } from './Checkbox.css';
 import { useControllableState } from './hooks/useControllableState';
 

packages/checkbox/vitest.config.ts

@@ -1,4 +1,5 @@
 import { defineProject, mergeConfig } from 'vitest/config';
+
 import defaultConfig from '../../vitest.config';
 
 export default mergeConfig(

packages/divider/package.json

@@ -9,7 +9,9 @@
   },
   "type": "module",
   "exports": "./src/index.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup",
     "build:storybook": "storybook build",

packages/divider/src/Divider.css.ts

@@ -1,5 +1,7 @@
 import { color } from '@sipe-team/tokens';
+
 import { style, styleVariants } from '@vanilla-extract/css';
+
 import type { ColorType, OrientationType } from './constants';
 
 export const base = style({

packages/divider/src/Divider.stories.tsx

@@ -1,7 +1,9 @@
 import { Typography } from '@sipe-team/typography';
+
 import type { Meta, StoryObj } from '@storybook/react';
-import { Divider } from './Divider';
+
 import { DIVIDER_COLORS, DIVIDER_ORIENTATIONS } from './constants';
+import { Divider } from './Divider';
 
 const meta = {
   title: 'Components/Divider',

packages/divider/src/Divider.test.tsx

@@ -1,6 +1,8 @@
 import { color } from '@sipe-team/tokens';
+
 import { render, screen } from '@testing-library/react';
 import { describe, expect, test } from 'vitest';
+
 import { Divider } from './Divider';
 
 describe('Divider', () => {