fix(ui): Vitest globals 옵션 사용 시 lint error가 발생하는 문제를 해결합니다.

.changeset/many-houses-hang.md

@@ -0,0 +1,5 @@
+---
+'@sopt-makers/ui': patch
+---
+
+vitest globals 옵션 활성화로 인한 import문 제거

packages/eslint-config-custom/package.json

@@ -5,7 +5,6 @@
   "private": true,
   "devDependencies": {
     "@vercel/style-guide": "^5.0.0",
-    "eslint-config-turbo": "^1.10.12",
-    "eslint-plugin-vitest": "^0.5.4"
+    "eslint-config-turbo": "^1.10.12"
   }
 }

packages/ui/.eslintrc.js

@@ -1,9 +1,4 @@
-const vitest = require('eslint-plugin-vitest');
-
 module.exports = {
   extends: ['custom/react-internal'],
-  plugins: ['vitest'],
-  rules: {
-    ...vitest.configs.recommended.rules,
-  },
+  ignorePatterns: ['**/*.test.tsx'],
 };

packages/ui/Button/test/Button.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen, fireEvent } from '@testing-library/react';
-import { it, expect, vi } from 'vitest';
 import Button from '../Button';
 
 it('Button 컴포넌트가 정상적으로 렌더링됩니다.', () => {

packages/ui/Control/test/Checkbox.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
 import type { CheckBoxProps } from 'Control/CheckBox';
 import { CheckBox } from '../index';
 

packages/ui/Control/test/Radio.test.tsx

@@ -1,5 +1,4 @@
 import type { RadioProps } from 'Control/Radio';
-import { describe, expect, it, vi } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { Radio } from '../index';
 

packages/ui/Control/test/Toggle.test.tsx

@@ -1,4 +1,3 @@
-import { describe, expect, it, vi, beforeEach } from 'vitest';
 import { render, screen, fireEvent } from '@testing-library/react';
 import type { ToggleProps } from 'Control/Toggle';
 import { Toggle } from '../index';

packages/ui/Tab/test/Tab.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
 import Tab from '../Tab';
 
 describe('Tab 컴포넌트는', () => {