fix: 解决组件样式引入的问题

Author: fonghehe

.vscode/settings.json

@@ -125,6 +125,7 @@
     "mockjs",
     "nprogress",
     "nutui",
+    "nuxt",
     "persistedstate",
     "pinia",
     "pnpm",

build/vite/plugins/component.ts

@@ -5,19 +5,7 @@
 
 import Components from 'unplugin-vue-components/vite';
 import { VueUseComponentsResolver, VantResolver, VarletUIResolver } from 'unplugin-vue-components/resolvers';
-
-const NutUIResolver = () => {
-  return (name) => {
-    if (name.startsWith('Nut')) {
-      const partialName = name.slice(3);
-      return {
-        name: partialName,
-        from: '@nutui/nutui',
-        sideEffects: `@nutui/nutui/dist/packages/${partialName.toLowerCase()}/style`,
-      };
-    }
-  };
-};
+import NutUIResolver from '@nutui/auto-import-resolver';
 
 export const AutoRegistryComponents = () => {
   return Components({

eslint.config.mjs

@@ -1,98 +1,28 @@
-// eslint.config.js
+import eslint from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import eslintPluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import typescriptEslint from 'typescript-eslint';
 
-import { defineConfig } from 'eslint-define-config';
-
-export default defineConfig({
-  env: {
-    browser: true,
-    node: true,
-    es6: true,
-  },
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    parser: '@typescript-eslint/parser',
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    jsxPragma: 'React',
-    ecmaFeatures: {
-      jsx: true,
-    },
-    project: './tsconfig.*?.json',
-    createDefaultProgram: false,
-    extraFileExtensions: ['.vue'],
-  },
-  extends: [
-    'plugin:vue/vue3-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
-  plugins: ['vue', '@typescript-eslint', 'import'],
-  rules: {
-    'no-unused-vars': 'off',
-    'no-case-declarations': 'off',
-    'no-use-before-define': 'off',
-    'space-before-function-paren': 'off',
-    'import/first': 'error',
-    'import/newline-after-import': 'error',
-    'import/no-duplicates': 'error',
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-      },
-    ],
-    '@typescript-eslint/ban-ts-ignore': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/no-use-before-define': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    'vue/script-setup-uses-vars': 'error',
-    'vue/no-reserved-component-names': 'off',
-    'vue/custom-event-name-casing': 'off',
-    'vue/attributes-order': 'off',
-    'vue/one-component-per-file': 'off',
-    'vue/html-closing-bracket-newline': 'off',
-    'vue/max-attributes-per-line': 'off',
-    'vue/multiline-html-element-content-newline': 'off',
-    'vue/singleline-html-element-content-newline': 'off',
-    'vue/attribute-hyphenation': 'off',
-    'vue/require-default-prop': 'off',
-    'vue/require-explicit-emits': 'off',
-    'vue/html-self-closing': [
-      'error',
-      {
-        html: {
-          void: 'always',
-          normal: 'never',
-          component: 'always',
+export default typescriptEslint.config(
+  { ignores: ['*.d.ts', '**/coverage', '**/dist'] },
+  {
+    extends: [eslint.configs.recommended, ...typescriptEslint.configs.recommended, ...eslintPluginVue.configs['flat/recommended']],
+    files: ['**/*.{ts,vue}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: globals.browser,
+      parserOptions: {
+        parser: typescriptEslint.parser,
+        ecmaFeatures: {
+          jsx: true,
         },
-        svg: 'always',
-        math: 'always',
       },
-    ],
-    'vue/multi-word-component-names': 'off',
+    },
+    rules: {
+      'vue/multi-word-component-names': 'off',
+    },
   },
-  globals: { defineOptions: 'readonly' },
-  ignores: [
-    '**/*.sh',
-    'node_modules',
-    '**/*.md',
-    '**/*.woff',
-    '**/*.ttf',
-    '.vscode',
-    '.idea',
-    'dist',
-    'public',
-    'docs',
-    '.husky',
-    '.local',
-    'bin',
-    'Dockerfile',
-  ],
-});
+  eslintConfigPrettier,
+);

package-lock.json

@@ -34,6 +34,10 @@
   "devDependencies": {
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
+    "@eslint/js": "^9.20.0",
+    "@nutui/auto-import-resolver": "^1.0.0",
+    "@stylistic/stylelint-plugin": "^3.1.2",
+    "@typescript-eslint/parser": "^8.24.1",
     "@vitejs/plugin-basic-ssl": "^1.2.0",
     "@vitejs/plugin-legacy": "^6.0.1",
     "@vitejs/plugin-vue": "^5.2.1",
@@ -58,6 +62,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-vue": "^9.32.0",
     "git-cz": "^4.9.0",
+    "globals": "^15.15.0",
     "husky": "9.1.7",
     "jsdom": "^22.1.0",
     "lint-staged": "15.4.3",
@@ -70,14 +75,17 @@
     "rollup-plugin-visualizer": "^5.9.1",
     "stylelint": "^15.10.1",
     "stylelint-config-property-sort-order-smacss": "^9.1.0",
+    "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-recommended": "^13.0.0",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-config-standard-scss": "^10.0.0",
     "stylelint-order": "^6.0.3",
     "stylelint-prettier": "^4.0.0",
+    "stylelint-scss": "^6.11.0",
     "terser": "^5.19.0",
     "typescript": "^5.7.3",
+    "typescript-eslint": "^8.24.1",
     "unplugin-auto-import": "^19.1.0",
     "unplugin-vue-components": "^28.2.0",
     "vite": "^6.1.0",