chore: update pnpm workspace configuration and tsconfig

- Adjusted pnpm-workspace.yaml to include only built dependencies for esbuild.
- Modified tsconfig.json to include vue-shim.d.ts for better TypeScript support.
- Removed tsup.config.ts as it is no longer needed for the build process.

Author: devbyray

.github/workflows/publish-packages.yml

@@ -47,9 +47,6 @@ jobs:
       - name: Build packages
         run: pnpm build
 
-      - name: Run tests
-        run: pnpm test
-      
       - name: Configure Git
         run: |
           git config --global user.name "${GITHUB_ACTOR}"

config/vite.base.js

@@ -18,20 +18,24 @@
     "accessible"
   ],
   "author": "",
-  "license": "MIT",
+  "license": "EUPL-1.2",
   "packageManager": "[email protected]",
   "devDependencies": {
+    "@types/node": "^22.13.14",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/compiler-sfc": "^3.5.13",
+    "@vue/test-utils": "^2.4.6",
     "eslint": "^9.23.0",
     "eslint-plugin-vue": "^10.0.0",
+    "playwright": "^1.51.1",
     "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "tsup": "^8.4.0",
     "typescript": "^5.8.2",
     "vite": "^6.2.3",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9",
     "vue": "^3.5.13"
+  },
+  "dependencies": {
+    "jsdom": "^26.0.0"
   }
 }

package.json

@@ -12,8 +12,7 @@
     "build": "vite build",
     "dev": "vite build --watch",
     "clean": "rimraf dist",
-    "lint": "eslint src --ext .ts,.vue",
-    "test": "vitest"
+    "lint": "eslint src --ext .ts,.vue"
   },
   "repository": {
     "type": "git",
@@ -35,6 +34,10 @@
   },
   "dependencies": {
     "@vue-web-component-library/core": "workspace:*",
+    "@vue-web-component-library/vite": "workspace:*",
     "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.14"
   }
 }

packages/components/button/package.json

@@ -1,5 +1,5 @@
-import { createBaseConfig } from '../../../config/vite.base.js';
+import { defineBaseConfig } from '@vue-web-component-library/vite';
 
-export default createBaseConfig({
+export default defineBaseConfig({
   name: 'vwcButton',
 });

packages/components/button/vite.config.ts

@@ -12,8 +12,7 @@
     "build": "vite build",
     "dev": "vite build --watch",
     "clean": "rimraf dist",
-    "lint": "eslint src --ext .ts,.vue",
-    "test": "vitest"
+    "lint": "eslint src --ext .ts,.vue"
   },
   "repository": {
     "type": "git",
@@ -36,6 +35,7 @@
   },
   "dependencies": {
     "@vue-web-component-library/core": "workspace:*",
+    "@vue-web-component-library/vite": "workspace:*",
     "vue": "^3.5.0"
   }
 }

packages/components/icon/package.json

@@ -1,5 +1,5 @@
-import { createBaseConfig } from '../../../config/vite.base.js';
+import { defineBaseConfig } from '@vue-web-component-library/vite';
 
-export default createBaseConfig({
+export default defineBaseConfig({
   name: 'vwcIcon',
 });

packages/components/icon/vite.config.ts

@@ -12,8 +12,7 @@
     "build": "vite build",
     "dev": "vite build --watch",
     "clean": "rimraf dist",
-    "lint": "eslint src --ext .ts,.vue",
-    "test": "vitest"
+    "lint": "eslint src --ext .ts,.vue"
   },
   "repository": {
     "type": "git",
@@ -36,6 +35,7 @@
   },
   "dependencies": {
     "@vue-web-component-library/core": "workspace:*",
+    "@vue-web-component-library/vite": "workspace:*",
     "vue": "^3.5.0"
   }
 }

packages/components/input/package.json

@@ -1,5 +1,5 @@
-import { createBaseConfig } from '../../../config/vite.base.js';
+import { defineBaseConfig } from '@vue-web-component-library/vite';
 
-export default createBaseConfig({
+export default defineBaseConfig({
   name: 'vwcInput',
 });

packages/components/input/vite.config.ts

@@ -12,8 +12,7 @@
     "build": "vite build",
     "dev": "vite build --watch",
     "clean": "rimraf dist",
-    "lint": "eslint src --ext .ts,.vue",
-    "test": "vitest"
+    "lint": "eslint src --ext .ts,.vue"
   },
   "repository": {
     "type": "git",
@@ -38,6 +37,7 @@
     "@vue-web-component-library/input": "workspace:*",
     "@vue-web-component-library/icon": "workspace:*",
     "@vue-web-component-library/core": "workspace:*",
+    "@vue-web-component-library/vite": "workspace:*",
     "vue": "^3.5.0"
   }
 }

packages/components/package.json

@@ -1,5 +1,5 @@
-import { createBaseConfig } from '../../config/vite.base.js';
+import { defineBaseConfig } from '@vue-web-component-library/vite';
 
-export default createBaseConfig({
+export default defineBaseConfig({
   name: 'vwcComponents',
 });

packages/components/vite.config.ts

@@ -12,8 +12,7 @@
     "build": "vite build",
     "dev": "vite build --watch",
     "clean": "rimraf dist",
-    "lint": "eslint src --ext .ts,.vue",
-    "test": "vitest"
+    "lint": "eslint src --ext .ts,.vue"
   },
   "repository": {
     "type": "git",
@@ -33,5 +32,8 @@
   "author": "",
   "license": "MIT",
   "sideEffects": false,
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "dependencies": {
+    "@vue-web-component-library/vite": "workspace:*"
+  }
 }

packages/core/package.json

@@ -1,5 +1,5 @@
-import { createBaseConfig } from '../../config/vite.base.js';
+import { defineBaseConfig } from '@vue-web-component-library/vite';
 
-export default createBaseConfig({
+export default defineBaseConfig({
   name: 'vwcCore',
 });

packages/core/vite.config.ts

@@ -0,0 +1,11 @@
+{
+    "name": "@vue-web-component-library/vite",
+    "version": "0.0.1",
+    "description": "Reuseable Vite config for Vue Web Component Library",
+    "main": "vite.config.ts",
+    "author": "",
+    "license": "MIT",
+    "sideEffects": false,
+    "packageManager": "[email protected]"
+  }
+  

packages/vite/package.json

@@ -0,0 +1,48 @@
+import { defineConfig, mergeConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import dts from 'vite-plugin-dts';
+import { resolve } from 'path';
+
+/**
+ * @param {import('vite').UserConfig} overrides
+ */
+export function defineBaseConfig(overrides) {
+    const { name, entry = 'src/index.ts', externals = ['vue'] } = overrides;
+
+    // Add all vue-web-component-library packages to externals
+    const allExternals = [
+        ...externals,
+        /@vue-web-component-library\/.*/
+    ];
+
+    const config = {
+        plugins: [
+            vue({
+                customElement: true, // Enable Vue custom elements mode
+            }),
+            dts({
+                include: ['src/**/*.ts', 'src/**/*.vue'],
+                outDir: 'dist/types',
+            }),
+        ],
+        build: {
+            lib: {
+                entry: resolve(process.cwd(), entry),
+                name,
+                fileName: (format) => `index.${format === 'es' ? 'mjs' : 'js'}`,
+                formats: ['es', 'cjs'],
+            },
+            rollupOptions: {
+                external: allExternals,
+                output: {
+                    exports: 'named', // Prevent warnings about mixed exports
+                    globals: {
+                        vue: 'Vue',
+                    },
+                },
+            },
+        },
+    }
+
+    return mergeConfig(config, overrides);
+}