ci: update eslint and prettier

Author: CCherry07

.eslintrc.js

@@ -3,13 +3,21 @@ module.exports = {
     browser: true,
     es2021: true,
   },
-  extends: [
-    "plugin:vue/vue3-recommended",
-    // 'prettier',
-    // 'plugin:prettier/recommended'
-  ],
+  extends: ['prettier', 'plugin:prettier/recommended'],
   parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
+    ecmaVersion: 'latest',
+    sourceType: 'module',
   },
+  rules: {
+    'vue/no-v-html': 'off',
+    'vue/require-explicit-emits': 'off',
+    'vue/require-prop-types': 'off',
+    'vue/require-default-prop': 'off',
+    'vue/no-reserved-keys': 'off',
+    'vue/comment-directive': 'off',
+    'vue/prop-name-casing': 'off',
+    'vue/one-component-per-file': 'off',
+    'vue/custom-event-name-casing': 'off',
+    'vue/v-on-event-hyphenation': 'off',
+  }
 };

.prettierignore

@@ -0,0 +1,34 @@
+**/*.png
+**/*.svg
+CODEOWNERS
+.dockerignore
+Dockerfile.ui-test
+package.json
+.dumi/tmp
+.dumi/tmp-production
+AUTHORS.txt
+lib/
+es/
+dist/
+_site/
+server
+.dumi/tmp
+coverage/
+CNAME
+LICENSE
+yarn.lock
+netlify.toml
+yarn-error.log
+*.sh
+*.snap
+components/*/*.js
+components/*/*.jsx
+.gitignore
+.npmignore
+.prettierignore
+.DS_Store
+.editorconfig
+.eslintignore
+.history
+.eslintrc.js
+**/*.yml

.prettierrc

@@ -1,11 +1,8 @@
 {
   "singleQuote": true,
   "trailingComma": "all",
-  "endOfLine": "lf",
   "printWidth": 100,
   "proseWrap": "never",
-  "arrowParens": "avoid",
-  "htmlWhitespaceSensitivity": "ignore",
   "overrides": [
     {
       "files": ".prettierrc",

package.json

@@ -1,11 +1,11 @@
 {
   "name": "vue-lazy-load-image-component",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "vue-lazy-load-image-component",
-  "main": "lib/index.js",
+  "main": "lib/index.es.js",
   "exports": {
-    ".": "./lib/index.js",
-    "./lib/style.css": "./lib/style.css"
+    ".": "./lib/index.es.js",
+    "./lib/index.css": "./lib/index.css"
   },
   "types": "./lib/index.d.ts",
   "scripts": {
@@ -16,6 +16,7 @@
     "prepare": "husky install",
     "lint-staged": "lint-staged --allow-empty",
     "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ",
+    "prettier": "prettier -c --write **/*",
     "release": "standard-version"
   },
   "lint-staged": {

vite.config.ts

@@ -1,16 +1,19 @@
 /// <reference types="vitest" />
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-import vueJsx from '@vitejs/plugin-vue-jsx'
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import vueJsx from '@vitejs/plugin-vue-jsx';
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [dts({
-    insertTypesEntry: true,
-    cleanVueFileName: true,
-    outputDir: 'lib',
-    staticImport: true,
-    exclude: ['**/__tests__/**/*', '**/__mocks__/**/*'],
-  }), vueJsx()],
+  plugins: [
+    dts({
+      insertTypesEntry: true,
+      cleanVueFileName: true,
+      outputDir: 'lib',
+      staticImport: true,
+      exclude: ['**/__tests__/**/*', '**/__mocks__/**/*'],
+    }),
+    vueJsx(),
+  ],
 
   test: {
     globals: true,
@@ -19,25 +22,27 @@ export default defineConfig({
       web: [/.[tj]sx$/],
     },
   },
-  
+
   build: {
     lib: {
-      entry: 'src/index.ts',
+      entry: ['src/index.ts'],
       name: 'vue-lazy-load-image-component',
-      fileName: 'index',
+      fileName: (format) => `index.${format}.js`,
       formats: ['es'],
     },
 
     rollupOptions: {
-      input: ['src/index.ts', 'src/effects/index.css'],
+      // input: ['src/index.ts']
+      input: { index: 'src/index.ts' },
       external: ['vue'],
       output: {
         dir: 'lib',
         globals: {
-          vue: 'Vue'
+          vue: 'Vue',
         },
-        format: 'es'
-      }
-    }
+        format: 'es',
+        assetFileNames: 'index.[ext]',
+      },
+    },
   },
-})
+});