Set up vite/eslint/prettier

.eslintrc.js

@@ -0,0 +1,36 @@
+module.exports = {
+    extends: [
+        'eslint:recommended',
+        'plugin:vue/vue3-strongly-recommended',
+        'prettier',
+    ],
+    plugins: ['prettier'],
+    rules: {
+        indent: [
+            'error',
+            4,
+            {
+                SwitchCase: 1,
+            },
+        ],
+        'linebreak-style': ['error', 'unix'],
+        quotes: [
+            'error',
+            'single',
+            {
+                avoidEscape: true,
+            },
+        ],
+        'no-empty': [
+            'error',
+            {
+                allowEmptyCatch: true,
+            },
+        ],
+        semi: 0,
+        'no-undef': 0,
+        'no-console': 0,
+        'vue/html-indent': ['error', 4],
+        'vue/max-attributes-per-line': 0,
+    },
+};

.prettierrc

@@ -0,0 +1,4 @@
+{
+    "tabWidth": 4,
+    "singleQuote": true
+}

.vscode/extensions.json

@@ -1,3 +1,6 @@
 {
-  "recommendations": ["johnsoncodehk.volar"]
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "johnsoncodehk.volar"
+    ]
 }

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "vue"
+    ],
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true
+    },
+}

package.json

@@ -5,13 +5,18 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "eslint --fix src",
   },
   "dependencies": {
     "vue": "^3.2.25"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.2.0",
-    "vite": "^2.8.0"
+    "eslint": "^8.8.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.4.1",
+    "vite": "^2.8.0",
   }
-}
+}

vite.config.js

@@ -1,7 +1,29 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import path from 'path';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { fileURLToPath } from 'url';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()]
-})
+    plugins: [vue()],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        },
+    },
+    build: {
+        lib: {
+            entry: path.resolve(__dirname, 'src/LaravelVuePagination.vue'),
+            name: 'LaravelVuePagination',
+            fileName: (format) => `laravel-vue-pagination.${format}.js`,
+        },
+        rollupOptions: {
+            external: ['vue'],
+            output: {
+                globals: {
+                    vue: 'Vue',
+                },
+            },
+        },
+    },
+});