@questwork/vue-q-list-vue3 3.1.0

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@questwork/vue-q-list-vue3",
+  "version": "3.1.0",
+  "description": "Questwork vue component for displaying a list",
+  "main": "dist/q-list.min.js",
+  "author": {
+    "name": "Questwork Consulting Limited",
+    "email": "info@questwork.com",
+    "url": "http://www.questwork.com/"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.17.8",
+    "@babel/eslint-parser": "^7.17.0",
+    "@babel/preset-env": "^7.22.10",
+    "@questwork/utilities": "^0.1.51",
+    "@questwork/vue-q-buttons-vue3": "^3.1.0",
+    "@questwork/vue-q-paginator-vue3": "^3.1.0",
+    "@storybook/addon-links": "^7.3.2",
+    "@storybook/addon-viewport": "^7.3.2",
+    "@storybook/source-loader": "^7.3.2",
+    "@storybook/vue": "^7.3.2",
+    "@storybook/vue-webpack5": "^7.3.2",
+    "@storybook/vue3": "^7.3.2",
+    "@storybook/vue3-vite": "^7.3.2",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "babel-loader": "^8.2.4",
+    "chai": "^4.3.6",
+    "chromedriver": "^116.0.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^3.6.0",
+    "eslint": "^8.47.0",
+    "eslint-plugin-storybook": "^0.9.0",
+    "eslint-plugin-vue": "^9.29.0",
+    "file-loader": "^6.2.0",
+    "gulp": "^4.0.2",
+    "mocha": "^9.2.2",
+    "rollup-plugin-license": "^3.5.3",
+    "rollup-webpack-umd": "^0.1.2",
+    "sass": "^1.49.11",
+    "sass-loader": "^8.0.2",
+    "selenium-webdriver": "^4.11.1",
+    "sinon": "^9.2.4",
+    "sinon-chai": "^3.7.0",
+    "storybook": "^7.3.2",
+    "style-loader": "^1.3.0",
+    "url-loader": "^4.1.1",
+    "vite": "^5.4.9",
+    "vite-plugin-commonjs": "^0.10.3",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vue": "^3.5.12",
+    "vue-loader": "^15.9.8",
+    "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.71.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-merge": "^4.2.2",
+    "webpack-node-externals": "^1.7.2"
+  },
+  "engines": {
+    "node": ">=10.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build:storybook": "storybook build -c .storybook -o storybook",
+    "storybook": "storybook dev -p 6017",
+    "test:playground": "NODE_ENV=test mocha --no-timeouts 'lib/test.setup.js' 'lib/**/*.spec.js'",
+    "test:selenium": "NODE_ENV=test mocha --no-timeouts 'test/selenium/test.setup.js' 'test/selenium/**/*.spec.js'"
+  }
+}

package/vite.config.js

@@ -0,0 +1,63 @@
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import { libInjectCss } from 'vite-plugin-lib-inject-css'
+import vue from '@vitejs/plugin-vue'
+import license from 'rollup-plugin-license'
+import commonjs from 'vite-plugin-commonjs'
+import rewriteUmdPlugin from 'rollup-webpack-umd'
+
+// 与 ./webpack/prod.config.js 的 output.library 名一致
+const libName = 'QList'
+// libName 的 kebab-case 格式
+const fileName = 'q-list'
+
+export default defineConfig({
+  build: {
+    target: ['chrome100', 'safari15', 'firefox91'],
+    lib: {
+      entry: './src/index.js',
+      name: libName,
+      fileName: () => `${fileName}.min.js`,
+      formats: ['umd'],
+    },
+    rollupOptions: {
+      external: ['vue'],
+      output: {
+        globals: {
+          vue: 'Vue',
+        },
+        exports: 'named',
+      },
+      plugins: [
+        license({
+          thirdParty: {
+            output: `./dist/${fileName}.min.js.LICENSE.txt`,
+          },
+        }),
+        rewriteUmdPlugin({
+          banner: `/*! For license information please see ${fileName}.min.js.LICENSE.txt */`,
+        }),
+      ],
+    },
+  },
+  esbuild: {
+    legalComments: 'none',
+  },
+  plugins: [
+    vue(),
+    libInjectCss(),
+    commonjs(),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern-compiler',
+      },
+    },
+  },
+})