fix: add webpack deps for vue3

Author: gera2ld

packages/plaid-webpack-vue/package.json

@@ -15,7 +15,8 @@
     "vue-template-compiler": "^2.6.14"
   },
   "peerDependencies": {
-    "@gera2ld/plaid": "2.x"
+    "@gera2ld/plaid": "2.x",
+    "vue": "2.x"
   },
   "publishConfig": {
     "access": "public",

packages/plaid-webpack-vue/webpack/index.js

@@ -0,0 +1,3 @@
+*.log
+*.lock
+.tmp

packages/plaid-webpack-vue3/.npmignore

@@ -0,0 +1,3 @@
+# `@gera2ld/plaid-webpack-vue3`
+
+A bunch of helpers to add functions to your webpack configuration.

packages/plaid-webpack-vue3/README.md

@@ -0,0 +1,32 @@
+{
+  "name": "@gera2ld/plaid-webpack-vue3",
+  "version": "2.4.0",
+  "description": "Webpack configuration for Vue 3",
+  "keywords": [
+    "webpack",
+    "vue"
+  ],
+  "author": "Gerald <[email protected]>",
+  "homepage": "https://github.com/gera2ld/plaid#readme",
+  "license": "ISC",
+  "dependencies": {
+    "@gera2ld/plaid-common-vue": "^2.4.0",
+    "@vue/compiler-sfc": "^3.2.26",
+    "vue-loader": "^17.0.0"
+  },
+  "peerDependencies": {
+    "@gera2ld/plaid": "2.x",
+    "vue": "3.x"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gera2ld/plaid.git"
+  },
+  "bugs": {
+    "url": "https://github.com/gera2ld/plaid/issues"
+  }
+}

packages/plaid-webpack-vue3/package.json

@@ -0,0 +1,8 @@
+const { defaultOptions } = require('@gera2ld/plaid/util');
+
+defaultOptions.vueOptions = {
+  compilerOptions: {
+    whitespace: 'condense',
+  },
+};
+defaultOptions.extensions.push('.vue');

packages/plaid-webpack-vue3/util/index.js

@@ -22,6 +22,7 @@ const nameMap = mergeLibraries({
   sw: './sw',
   url: './url',
   devServer: './dev-server',
+  vue: './vue',
 }, 'webpack', /^plaid-webpack-/);
 
 const configurators = Object.entries(nameMap)

packages/plaid-webpack/webpack/index.js

@@ -1,6 +1,11 @@
-const VueLoaderPlugin = require('vue-loader/lib/plugin');
-
 module.exports = (config, options) => {
+  let VueLoaderPlugin;
+  try {
+    VueLoaderPlugin = require('vue-loader/lib/plugin');
+  } catch (err) {
+    console.error(`Please install @gera2ld/plaid-webpack-vue or @gera2ld/plaid-webpack-vue3 first`);
+    throw err;
+  }
   const {
     vueOptions,
   } = options;