eco-vue-js 0.10.64 → 0.10.66

package/dist/assets/icons/sax/IconWeight.svg.js

@@ -11,18 +11,18 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      stroke: "currentColor",
+      stroke: "currentcolor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5",
       d: "M10 22h4c5 0 7-2 7-7V9c0-5-2-7-7-7h-4C5 2 3 4 3 9v6c0 5 2 7 7 7"
     }, null, -1),
     createElementVNode("path", {
-      stroke: "currentColor",
+      stroke: "currentcolor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5",
-      d: "M17.25 8.29a7.905 7.905 0 0 0-10.5 0l2.18 3.5a4.613 4.613 0 0 1 6.14 0z"
+      d: "M17.25 8.29a7.9 7.9 0 0 0-10.5 0l2.18 3.5a4.6 4.6 0 0 1 6.14 0z"
     }, null, -1)
   ])))
 }

package/dist/imports/iconsSax.js

@@ -36,6 +36,7 @@ export { default as IconLayer } from '../assets/icons/sax/IconLayer.svg.js';
 export { default as IconLink } from '../assets/icons/sax/IconLink.svg.js';
 export { default as IconLinkBold } from '../assets/icons/sax/IconLinkBold.svg.js';
 export { default as IconLinkOutline } from '../assets/icons/sax/IconLinkOutline.svg.js';
+export { default as IconLinkedIn } from '../assets/icons/sax/IconLinkedIn.svg.js';
 export { default as IconLogout } from '../assets/icons/sax/IconLogout.svg.js';
 export { default as IconMenu } from '../assets/icons/sax/IconMenu.svg.js';
 export { default as IconMinusCircle } from '../assets/icons/sax/IconMinusCircle.svg.js';

package/dist/types/global.d.ts

@@ -1,4 +1,4 @@
-declare type SVGComponent = import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes, Record<string, never>>>
+declare type SVGComponent = import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes>>
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 declare type ComponentInstance<T> = T extends new (...args: any[]) => infer R

package/eslint/configs/configImports.js

@@ -0,0 +1,47 @@
+import importPlugin from 'eslint-plugin-import'
+
+export default ({tsConfig = './tsconfig.vue.json'}) => [
+  {
+    files: ['**/*.{ts,js,vue}'],
+    plugins: {
+      import: importPlugin,
+    },
+    rules: {
+      ...importPlugin.flatConfigs.recommended.rules,
+      'import/order': [
+        1,
+        {
+          'newlines-between': 'always',
+          named: true,
+          groups: ['type', 'external', 'builtin', 'internal', 'sibling', 'parent', 'index'],
+          distinctGroup: true,
+          pathGroups: [
+            {pattern: 'eco-vue-js/**/W**', group: 'builtin', position: 'before'},
+            {pattern: '**/W**', group: 'builtin', position: 'before'},
+            {pattern: 'eco-vue-js/**/Icon**', group: 'builtin', position: 'before'},
+            {pattern: '**/Icon**', group: 'builtin', position: 'before'},
+            {pattern: 'eco-vue-js/**', group: 'external', position: 'after'},
+          ],
+          pathGroupsExcludedImportTypes: ['builtin'],
+          alphabetize: {order: 'asc', caseInsensitive: false},
+        },
+      ],
+      'import/no-useless-path-segments': [1, {noUselessIndex: true}],
+      // 'import/extensions': [1, 'never'],
+      'import/first': 1,
+      'import/newline-after-import': 1,
+    },
+    settings: {
+      'import/parsers': {
+        '@typescript-eslint/parser': ['.ts', '.js'],
+      },
+      'import/resolver': {
+        typescript: {
+          alwaysTryTypes: true,
+          project: tsConfig,
+        },
+        node: true,
+      },
+    },
+  },
+]

package/eslint/configs/configJson.js

@@ -0,0 +1,15 @@
+import eslintPluginJsonc from 'eslint-plugin-jsonc'
+
+export default [
+  ...eslintPluginJsonc.configs['flat/recommended-with-json'],
+  {
+    files: ['**/*.json'],
+    rules: {
+      'jsonc/indent': ['error', 2, {}],
+      'jsonc/key-spacing': ['error', {beforeColon: false, afterColon: true, mode: 'strict'}],
+      'jsonc/comma-style': ['error', 'last'],
+      'jsonc/object-curly-newline': ['error', 'always'],
+      'jsonc/object-property-newline': 'error',
+    },
+  },
+]

package/eslint/configs/configSvgo.js

@@ -0,0 +1,26 @@
+import {parserPlain, plugin as pluginSVGO} from 'eslint-plugin-svgo'
+
+export default [
+  {
+    name: 'svgo',
+    files: ['**/*.svg'],
+    plugins: {
+      svgo: pluginSVGO,
+    },
+    languageOptions: {
+      parser: parserPlain,
+    },
+    rules: {
+      'svgo/svgo': [
+        'error',
+        {
+          floatPrecision: 2,
+          js2svg: {
+            indent: 2,
+            pretty: true,
+          },
+        },
+      ],
+    },
+  },
+]

package/eslint/configs/configTailwind.js

@@ -0,0 +1,14 @@
+import tailwind from 'eslint-plugin-tailwindcss'
+
+export default [
+  ...tailwind.configs['flat/recommended'],
+
+  {
+    files: ['**/*.{ts,js,vue}'],
+    rules: {
+      'tailwindcss/no-custom-classname': 'off',
+      'tailwindcss/migration-from-tailwind-2': 'off',
+      'tailwindcss/enforces-negative-arbitrary-values': 'off',
+    },
+  },
+]

package/eslint/configs/configTypescript.js

@@ -0,0 +1,73 @@
+import stylistic from '@stylistic/eslint-plugin'
+import unusedImports from 'eslint-plugin-unused-imports'
+import pluginVue from 'eslint-plugin-vue'
+import {parser as tseslintParser, plugin as tseslintPlugin} from 'typescript-eslint'
+
+export default [
+  {
+    files: ['**/*.{ts,js,vue}'],
+    plugins: {
+      'unused-imports': unusedImports,
+      '@stylistic': stylistic,
+      '@typescript-eslint': tseslintPlugin,
+    },
+    languageOptions: {
+      parser: pluginVue.parser,
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+    },
+    rules: {
+      semi: ['error', 'never'],
+      quotes: ['error', 'single', {allowTemplateLiterals: true}],
+      indent: ['error', 2, {SwitchCase: 1}],
+      'comma-dangle': ['error', 'always-multiline'],
+      'comma-spacing': ['error', {before: false, after: true}],
+      'object-curly-spacing': ['error', 'never'],
+      'func-call-spacing': 'off',
+      'template-curly-spacing': ['error', 'always'],
+      'space-before-function-paren': ['error', {anonymous: 'always', named: 'never', asyncArrow: 'always'}],
+      'no-undef': 'off',
+      'default-case-last': 'off',
+      'no-console': ['warn'],
+      'no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'no-multiple-empty-lines': [1, {max: 1, maxEOF: 0, maxBOF: 0}],
+      'keyword-spacing': 1,
+      'key-spacing': 1,
+      '@stylistic/function-call-spacing': 1,
+      '@stylistic/member-delimiter-style': [1, {multiline: {delimiter: 'none'}, singleline: {delimiter: 'comma'}}],
+      '@stylistic/type-annotation-spacing': [1, {before: false, after: true, overrides: {arrow: {before: true, after: true}}}],
+      '@stylistic/quote-props': [1, 'as-needed'],
+
+      '@typescript-eslint/no-explicit-any': 'error',
+      '@typescript-eslint/no-unused-vars': ['error', {args: 'after-used', caughtErrors: 'none'}],
+    },
+  },
+
+  {
+    files: ['**/*.ts'],
+    plugins: {
+      '@typescript-eslint': tseslintPlugin,
+    },
+    languageOptions: {
+      parser: tseslintParser,
+      parserOptions: {
+        projectService: true,
+      },
+    },
+    rules: {
+      '@typescript-eslint/naming-convention': [
+        'error',
+        {selector: 'enum', format: ['PascalCase']},
+        {selector: 'enumMember', format: ['UPPER_CASE', 'snake_case']},
+      ],
+    },
+  },
+
+  {
+    files: ['**/*.cjs'],
+    rules: {
+      '@typescript-eslint/no-require-imports': 'off',
+    },
+  },
+]

package/eslint/configs/configVue.js

@@ -0,0 +1,46 @@
+export default [
+  {
+    files: ['**/*.vue'],
+    rules: {
+      'vue/script-indent': ['error', 2, {
+        baseIndent: 0,
+        switchCase: 1,
+        ignores: [],
+      }],
+      'vue/component-name-in-template-casing': ['error', 'PascalCase', {registeredComponentsOnly: false}],
+      'vue/block-order': ['error', {
+        order: ['template', 'script[setup]', 'style'],
+      }],
+      'vue/multiline-html-element-content-newline': ['error', {
+        ignoreWhenEmpty: true,
+        ignores: ['pre', 'textarea', 'span', 'tspan', 'template'],
+        allowEmptyLines: false,
+      }],
+      'vue/attributes-order': ['error', {
+        order: [
+          'DEFINITION',
+          'LIST_RENDERING',
+          'CONDITIONALS',
+          'RENDER_MODIFIERS',
+          'GLOBAL',
+          ['UNIQUE', 'SLOT'],
+          'TWO_WAY_BINDING',
+          'OTHER_DIRECTIVES',
+          ['ATTR_DYNAMIC', 'ATTR_STATIC', 'ATTR_SHORTHAND_BOOL'],
+          'EVENTS',
+          'CONTENT',
+        ],
+        alphabetical: false,
+      }],
+      'vue/prefer-use-template-ref': 'error',
+      'vue/require-macro-variable-name': ['error', {defineProps: 'props', defineEmits: 'emit', defineSlots: 'slots', useSlots: 'slots', useAttrs: 'attrs'}],
+      'vue/require-typed-ref': 'error',
+      'vue/padding-line-between-blocks': ['error', 'always'],
+      'vue/block-tag-newline': [1, {
+        singleline: 'always',
+        multiline: 'always',
+      }],
+      'vue/no-lone-template': ['error', {ignoreAccessible: false}],
+    },
+  },
+]

package/eslint/plugin.js

@@ -15,33 +15,36 @@ const plugin = {
   configs: {},
 }
 
-plugin.configs.recommended = [
-  ...recommended,
-  {
-    name: 'custom-rules',
-    plugins: {
-      'custom-rules': plugin,
-    },
-    files: ['**/*.{ts,js,vue}'],
-    rules: {
-      'custom-rules/modal-declaration': ['error'],
-      'custom-rules/modal-import-async': ['error'],
-      'custom-rules/modal-import': ['error'],
-      'custom-rules/ui-kit-imports': ['error'],
+const customRules = {
+  name: 'custom-rules',
+  plugins: {
+    'custom-rules': plugin,
+  },
+  files: ['**/*.{ts,js,vue}'],
+  rules: {
+    'custom-rules/modal-declaration': ['error'],
+    'custom-rules/modal-import-async': ['error'],
+    'custom-rules/modal-import': ['error'],
+    'custom-rules/ui-kit-imports': ['error'],
 
-      'no-restricted-imports': [
-        'error',
-        {
-          name: 'eco-vue-js',
-          message: 'Use import eco-vue-js/dist/',
-        },
-        {
-          name: '@/main',
-          message: 'Import direcrlty',
-        },
-      ],
-    },
+    'no-restricted-imports': [
+      'error',
+      {
+        name: 'eco-vue-js',
+        message: 'Use import eco-vue-js/dist/',
+      },
+      {
+        name: '@/main',
+        message: 'Import direcrlty',
+      },
+    ],
   },
+}
+
+plugin.configs.recommended = (config = {}) => [
+  ...recommended(config),
+
+  ...config.noCustom ? [] : [customRules],
 ]
 
 export default plugin

package/eslint/recommended.js

@@ -1,199 +1,30 @@
-import stylistic from '@stylistic/eslint-plugin'
 import pluginQuery from '@tanstack/eslint-plugin-query'
 import {
   defineConfigWithVueTs,
   vueTsConfigs,
 } from '@vue/eslint-config-typescript'
-import importPlugin from 'eslint-plugin-import'
-import eslintPluginJsonc from 'eslint-plugin-jsonc'
-import tailwind from 'eslint-plugin-tailwindcss'
-import unusedImports from 'eslint-plugin-unused-imports'
 import pluginVue from 'eslint-plugin-vue'
 
-export default [
-  ...defineConfigWithVueTs(
+import configImports from './configs/configImports.js'
+import configJson from './configs/configJson.js'
+import configSvgo from './configs/configSvgo.js'
+import configTailwind from './configs/configTailwind.js'
+import configTypescript from './configs/configTypescript.js'
+import configVue from './configs/configVue.js'
+
+export default (config = {}) => [
+  ...config.noVue ? [] : defineConfigWithVueTs(
     pluginVue.configs['flat/recommended'],
     vueTsConfigs.recommendedTypeChecked,
   ).map(item => ({...item, files: ['**/*.{ts,tsx,vue}']})),
 
-  ...tailwind.configs['flat/recommended'],
+  ...config.noVue ? [] : configVue,
+  
   ...pluginQuery.configs['flat/recommended'],
 
-  {
-    files: ['**/*.cjs'],
-    rules: {
-      '@typescript-eslint/no-require-imports': 'off',
-    },
-  },
-
-  {
-    files: ['**/*.{ts,js,tsx}'],
-    rules: {
-      indent: ['error', 2, {
-        SwitchCase: 1,
-      }],
-    },
-  },
-
-  ...eslintPluginJsonc.configs['flat/recommended-with-json'],
-  {
-    files: ['**/*.json'],
-    rules: {
-      'jsonc/indent': ['error', 2, {}],
-      'jsonc/key-spacing': ['error', {beforeColon: false, afterColon: true, mode: 'strict'}],
-      'jsonc/comma-style': ['error', 'last'],
-      'jsonc/object-curly-newline': ['error', 'always'],
-      'jsonc/object-property-newline': 'error',
-    },
-  },
-
-  {
-    files: ['**/*.ts'],
-    rules: {
-      '@typescript-eslint/naming-convention': [
-        'error',
-        {selector: 'enum', format: ['PascalCase']},
-        {selector: 'enumMember', format: ['UPPER_CASE', 'snake_case']},
-      ],
-    },
-  },
-
-  {
-    files: ['**/*.{ts,tsx,vue}'],
-    rules: {
-      '@typescript-eslint/no-unused-vars': ['error', {args: 'after-used', caughtErrors: 'none'}],
-    },
-  },
-
-  {
-    files: ['**/*.{ts,js,vue}'],
-    plugins: {
-      import: importPlugin,
-    },
-    languageOptions: {
-      parser: pluginVue.parser,
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-    },
-    rules: {
-      ...importPlugin.flatConfigs.recommended.rules,
-      'import/order': [
-        1,
-        {
-          'newlines-between': 'always',
-          named: true,
-          groups: ['type', 'external', 'builtin', 'internal', 'sibling', 'parent', 'index'],
-          distinctGroup: true,
-          pathGroups: [
-            {pattern: 'eco-vue-js/**/W**', group: 'builtin', position: 'before'},
-            {pattern: '**/W**', group: 'builtin', position: 'before'},
-            {pattern: 'eco-vue-js/**/Icon**', group: 'builtin', position: 'before'},
-            {pattern: '**/Icon**', group: 'builtin', position: 'before'},
-            {pattern: 'eco-vue-js/**', group: 'external', position: 'after'},
-          ],
-          pathGroupsExcludedImportTypes: ['builtin'],
-          alphabetize: {order: 'asc', caseInsensitive: false},
-        },
-      ],
-      'import/no-useless-path-segments': [1, {noUselessIndex: true}],
-      // 'import/extensions': [1, 'never'],
-      'import/first': 1,
-      'import/newline-after-import': 1,
-    },
-    settings: {
-      'import/parsers': {
-        '@typescript-eslint/parser': ['.ts', '.js'],
-      },
-      'import/resolver': {
-        typescript: {
-          alwaysTryTypes: true,
-          project: './tsconfig.vue.json',
-        },
-        node: true,
-      },
-    },
-  },
-
-  {
-    files: ['**/*.{ts,js,vue}'],
-    plugins: {
-      'unused-imports': unusedImports,
-      '@stylistic': stylistic,
-    },
-    languageOptions: {
-      parser: vueTsConfigs.parser,
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-    },
-    rules: {
-      semi: ['error', 'never'],
-      quotes: ['error', 'single', {allowTemplateLiterals: true}],
-      'comma-dangle': ['error', 'always-multiline'],
-      'comma-spacing': ['error', {before: false, after: true}],
-      'object-curly-spacing': ['error', 'never'],
-      'func-call-spacing': 'off',
-      'template-curly-spacing': ['error', 'always'],
-      'space-before-function-paren': ['error', {anonymous: 'always', named: 'never', asyncArrow: 'always'}],
-      'no-undef': 'off',
-      'default-case-last': 'off',
-      'no-console': ['warn'],
-      'no-unused-vars': 'off',
-      'unused-imports/no-unused-imports': 'error',
-      'tailwindcss/no-custom-classname': 'off',
-      'tailwindcss/migration-from-tailwind-2': 'off',
-      'tailwindcss/enforces-negative-arbitrary-values': 'off',
-      'no-multiple-empty-lines': [1, {max: 1, maxEOF: 0, maxBOF: 0}],
-      'keyword-spacing': 1,
-      'key-spacing': 1,
-      '@stylistic/function-call-spacing': 1,
-      '@stylistic/member-delimiter-style': [1, {multiline: {delimiter: 'none'}, singleline: {delimiter: 'comma'}}],
-      '@stylistic/type-annotation-spacing': [1, {before: false, after: true, overrides: {arrow: {before: true, after: true}}}],
-      '@stylistic/quote-props': [1, 'as-needed'],
-    },
-  },
-
-  {
-    files: ['**/*.vue'],
-    rules: {
-      'vue/script-indent': ['error', 2, {
-        baseIndent: 0,
-        switchCase: 1,
-        ignores: [],
-      }],
-      'vue/component-name-in-template-casing': ['error', 'PascalCase', {registeredComponentsOnly: false}],
-      'vue/block-order': ['error', {
-        order: ['template', 'script[setup]', 'style'],
-      }],
-      'vue/multiline-html-element-content-newline': ['error', {
-        ignoreWhenEmpty: true,
-        ignores: ['pre', 'textarea', 'span', 'tspan', 'template'],
-        allowEmptyLines: false,
-      }],
-      'vue/attributes-order': ['error', {
-        order: [
-          'DEFINITION',
-          'LIST_RENDERING',
-          'CONDITIONALS',
-          'RENDER_MODIFIERS',
-          'GLOBAL',
-          ['UNIQUE', 'SLOT'],
-          'TWO_WAY_BINDING',
-          'OTHER_DIRECTIVES',
-          ['ATTR_DYNAMIC', 'ATTR_STATIC', 'ATTR_SHORTHAND_BOOL'],
-          'EVENTS',
-          'CONTENT',
-        ],
-        alphabetical: false,
-      }],
-      'vue/prefer-use-template-ref': 'error',
-      'vue/require-macro-variable-name': ['error', {defineProps: 'props', defineEmits: 'emit', defineSlots: 'slots', useSlots: 'slots', useAttrs: 'attrs'}],
-      'vue/require-typed-ref': 'error',
-      'vue/padding-line-between-blocks': ['error', 'always'],
-      'vue/block-tag-newline': [1, {
-        singleline: 'always',
-        multiline: 'always',
-      }],
-      'vue/no-lone-template': ['error', {ignoreAccessible: false}],
-    },
-  },
+  ...configJson,
+  ...configTypescript,
+  ...configTailwind,
+  ...configImports(config),
+  ...configSvgo,
 ]

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.64",
+  "version": "0.10.66",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --mode development --watch",
@@ -21,6 +21,7 @@
     "eslint-import-resolver-typescript": "4.4.1",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsonc": "2.20.1",
+    "eslint-plugin-svgo": "0.8.0",
     "eslint-plugin-tailwindcss": "3.18.0",
     "eslint-plugin-unused-imports": "4.1.4",
     "eslint-plugin-vue": "10.1.0"