fds-vue-core 2.0.89 → 2.1.0

package/configs/eslint.config.base.js

@@ -0,0 +1,262 @@
+// Base ESLint configuration for fds-vue-core
+// Extend this in your project's eslint.config.js
+
+import tseslint from '@typescript-eslint/eslint-plugin'
+import tsparser from '@typescript-eslint/parser'
+import pluginVitest from '@vitest/eslint-plugin'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+import pluginVue from 'eslint-plugin-vue'
+import { globalIgnores } from 'eslint/config'
+import vueParser from 'vue-eslint-parser'
+
+export default function createBaseConfig(options = {}) {
+  const {
+    tsconfigRootDir = process.cwd(),
+    tsconfigFiles = ['./tsconfig.json'],
+    additionalIgnores = [],
+    extraNonTypeAwareFiles = [],
+    enablePrettier = false,
+    enableI18n = false,
+    i18nLocaleDir = './src/lang/*.json',
+    additionalRules = {},
+    additionalPlugins = {},
+    additionalSettings = {},
+  } = options
+
+  // Note: Optional plugins should be imported by the consuming project
+  // This config accepts them via additionalPlugins option
+
+  const defaultAdditionalIgnores = [
+    'test-results/**',
+    'playwright-report/**',
+    'blob-report/**',
+    'playwright/.cache/**',
+    'reports/**',
+    '**/fds-vue-core/configs/**',
+  ]
+
+  const configs = [
+    // Non-type-aware config for config files (must come first)
+    {
+      name: 'fds-vue-core/config-files',
+      files: ['*.config.{ts,mts,js,mjs,cjs}', 'eslint.config.{js,ts}'],
+      languageOptions: {
+        parserOptions: {
+          project: null,
+          tsconfigRootDir,
+        },
+      },
+    },
+    {
+      name: 'fds-vue-core/base',
+      files: ['**/*.{ts,mts,tsx,vue}'],
+    },
+    {
+      name: 'fds-vue-core/vue-non-type-aware',
+      files: ['**/*.vue'],
+      languageOptions: {
+        parser: vueParser,
+        parserOptions: {
+          parser: tsparser,
+          project: null,
+        },
+      },
+    },
+    {
+      name: 'fds-vue-core/typescript',
+      files: ['**/*.{ts,mts,tsx}'],
+      languageOptions: {
+        parser: tsparser,
+        parserOptions: {
+          project: null,
+        },
+      },
+      plugins: {
+        '@typescript-eslint': tseslint,
+      },
+    },
+    // Non-type-aware config for extra files outside tsconfig
+    ...(extraNonTypeAwareFiles.length
+      ? [
+          {
+            name: 'fds-vue-core/extra-non-type-aware',
+            files: extraNonTypeAwareFiles,
+            languageOptions: {
+              parserOptions: {
+                project: null,
+                tsconfigRootDir,
+              },
+            },
+          },
+        ]
+      : []),
+    // Type-aware config for TypeScript files (if tsconfig files provided)
+    ...(tsconfigFiles && tsconfigFiles.length > 0
+      ? [
+          {
+            name: 'fds-vue-core/type-aware',
+            files: ['src/**/*.{ts,mts,tsx}'],
+            languageOptions: {
+              parser: tsparser,
+              parserOptions: {
+                project: tsconfigFiles,
+                tsconfigRootDir,
+              },
+            },
+          },
+        ]
+      : []),
+    globalIgnores([
+      '**/dist/**',
+      '**/coverage/**',
+      '**/.storybook/**',
+      '**/node_modules/**',
+      '*.min.js',
+      'tsconfig.tsbuildinfo',
+      '.env.local',
+      '.env.*.local',
+      '*.config.cjs',
+      '.eslintrc.cjs',
+      ...defaultAdditionalIgnores,
+      ...additionalIgnores,
+    ]),
+    ...pluginVue.configs['flat/essential'],
+    {
+      ...pluginVitest.configs.recommended,
+      files: ['**/__tests__/**', '**/*.test.*', '**/*.spec.*'],
+    },
+    {
+      name: 'fds-vue-core/rules',
+      files: ['**/*.vue', '**/*.js', '**/*.jsx', '**/*.cjs', '**/*.mjs', '**/*.ts', '**/*.tsx', '**/*.cts', '**/*.mts'],
+      plugins: {
+        '@typescript-eslint': tseslint,
+        ...additionalPlugins,
+      },
+      settings: {
+        ...(enableI18n
+          ? {
+              'vue-i18n': {
+                localeDir: {
+                  pattern: i18nLocaleDir,
+                  localeKey: 'file',
+                },
+              },
+            }
+          : {}),
+        ...additionalSettings,
+      },
+      rules: {
+        'vue/multi-word-component-names': 'off',
+        'vue/comment-directive': 'off',
+        'vue/no-deprecated-slot-attribute': 'off',
+        'no-console': ['error', { allow: ['warn', 'error'] }],
+        'arrow-body-style': ['warn', 'as-needed', { requireReturnForObjectLiteral: false }],
+        // Vue component recognition - allow fds-* components and router components
+        'vue/no-undef-components': [
+          'error',
+          {
+            ignorePatterns: ['^fds-', '^router-', '^Router', '^VueQuery'],
+          },
+        ],
+        'object-shorthand': ['error', 'always'],
+        'prefer-destructuring': [
+          'error',
+          {
+            array: false,
+            object: true,
+          },
+        ],
+        'prefer-arrow-callback': 'error',
+        'prefer-template': 'error',
+        'no-unused-expressions': 'error',
+        'no-useless-return': 'error',
+        'no-useless-concat': 'error',
+        '@typescript-eslint/no-unused-vars': [
+          'error',
+          {
+            argsIgnorePattern: '^_',
+            varsIgnorePattern: '^_',
+          },
+        ],
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        'prefer-const': 'error',
+        'no-var': 'error',
+        'prefer-spread': 'error',
+        'prefer-rest-params': 'error',
+        'no-duplicate-imports': 'error',
+        'no-useless-rename': 'error',
+        'object-curly-spacing': ['error', 'always'],
+        'array-bracket-spacing': ['error', 'never'],
+        // Note: comma-dangle removed - Prettier handles trailing commas via trailingComma: 'all' setting
+        // skipFormatting at the end of config array disables formatting rules that conflict with Prettier
+        quotes: ['error', 'single', { avoidEscape: true }],
+        semi: ['error', 'never'],
+        'no-trailing-spaces': 'error',
+        'eol-last': 'error',
+        'no-lonely-if': 'error',
+        // Prettier integration (if enabled and plugin provided)
+        ...(enablePrettier && additionalPlugins.prettier ? { 'prettier/prettier': 'warn' } : {}),
+        // i18n rules (if enabled and plugin provided)
+        ...(enableI18n && additionalPlugins['@intlify/vue-i18n']
+          ? {
+              '@intlify/vue-i18n/no-missing-keys': 'error',
+              '@intlify/vue-i18n/no-raw-text': [
+                'error',
+                {
+                  attributes: {
+                    '/.+/': [
+                      'title',
+                      'aria-label',
+                      'aria-placeholder',
+                      'aria-roledescription',
+                      'aria-valuetext',
+                      'label',
+                      'placeholder',
+                      'alt',
+                      'meta',
+                    ],
+                    input: ['placeholder'],
+                    img: ['alt'],
+                  },
+                  ignorePattern: '^[-:/()%,.\'"]+$',
+                  ignoreNodes: ['md-icon', 'v-icon', 'fds-icon'],
+                },
+              ],
+              '@intlify/vue-i18n/no-unused-keys': [
+                'warn',
+                {
+                  src: './src',
+                  extensions: ['.js', '.vue', '.ts'],
+                  enableFix: false,
+                },
+              ],
+              '@intlify/vue-i18n/no-duplicate-keys-in-locale': 'error',
+              '@intlify/vue-i18n/no-dynamic-keys': 'warn',
+              '@intlify/vue-i18n/key-format-style': [
+                'warn',
+                'camelCase',
+                {
+                  allowArray: false,
+                  splitByDots: true,
+                },
+              ],
+            }
+          : {}),
+        // Additional project-specific rules
+        ...additionalRules,
+      },
+    },
+    // JS/CJS files config
+    {
+      files: ['**/*.js', '**/*.cjs'],
+      rules: {
+        '@typescript-eslint/no-var-requires': 'off',
+      },
+    },
+    skipFormatting,
+  ]
+
+  return configs
+}

package/configs/prettier.config.js

@@ -0,0 +1,13 @@
+export default {
+  semi: false,
+  singleQuote: true,
+  printWidth: 120,
+  trailingComma: 'all',
+  tabWidth: 2,
+  useTabs: false,
+  arrowParens: 'always',
+  endOfLine: 'lf',
+  singleAttributePerLine: false,
+  bracketSameLine: false,
+  htmlWhitespaceSensitivity: 'ignore',
+}

package/configs/tsconfig.base.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "vueCompilerOptions": {
+    "strictTemplates": true
+  }
+}

package/configs/vscode-settings.json

@@ -0,0 +1,74 @@
+{
+  "i18n-ally.localesPaths": ["src/lang"],
+  "i18n-ally.sourceLanguage": "sv",
+  "i18n-ally.displayLanguage": "sv",
+  "i18n-ally.keystyle": "nested",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "explicit"
+  },
+  "editor.formatOnSaveMode": "file",
+  "typescript.format.semicolons": "remove",
+  "javascript.format.semicolons": "remove",
+  "editor.quickSuggestions": {
+    "other": true,
+    "comments": false,
+    "strings": true
+  },
+  "editor.suggest.showKeywords": true,
+  "editor.suggest.showSnippets": false,
+  "editor.suggest.showFolders": false,
+  "editor.wordBasedSuggestions": "off",
+  "editor.suggestOnTriggerCharacters": true,
+  "editor.tabCompletion": "on",
+  "editor.acceptSuggestionOnCommitCharacter": true,
+  "editor.quickSuggestionsDelay": 50,
+  "editor.suggestSelection": "first",
+  "editor.suggest.localityBonus": true,
+  "editor.parameterHints.enabled": false,
+  "editor.inlayHints.enabled": "off",
+  "editor.suggest.filterGraceful": true,
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
+  "css.customData": [".vscode/tailwind.json"],
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "typescript.preferences.includePackageJsonAutoImports": "on",
+  "typescript.suggest.autoImports": true,
+  "typescript.updateImportsOnFileMove.enabled": "always",
+  "typescript.inlayHints.parameterNames.enabled": "none",
+  "typescript.inlayHints.variableTypes.enabled": false,
+  "typescript.inlayHints.propertyDeclarationTypes.enabled": false,
+  "typescript.inlayHints.functionLikeReturnTypes.enabled": false,
+  "javascript.inlayHints.parameterNames.enabled": "none",
+  "javascript.inlayHints.variableTypes.enabled": false,
+  "typescript.suggest.includeCompletionsForImportStatements": true,
+  "typescript.preferences.importModuleSpecifier": "relative",
+  "typescript.preferences.importModuleSpecifierEnding": "auto",
+  "typescript.suggest.completeFunctionCalls": true,
+  "typescript.suggest.paths": false,
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.quickSuggestions": {
+      "other": true,
+      "comments": false,
+      "strings": true
+    },
+    "editor.suggest.showSnippets": false,
+    "editor.suggest.showFiles": false,
+    "editor.suggest.showFolders": false,
+    "editor.suggest.snippetsPreventQuickSuggestions": true,
+    "editor.wordBasedSuggestions": "off",
+    "editor.quickSuggestionsDelay": 50,
+    "editor.suggestSelection": "first",
+    "editor.parameterHints.enabled": false,
+    "editor.inlayHints.enabled": "off"
+  }
+}