fix vue 3.4

Author: krausest

frameworks/keyed/vue-pinia/package-lock.json

@@ -21,13 +21,13 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "3.4.0",
-    "vue-loader": "17.4.0",
-    "webpack": "5.88.1",
+    "@vue/compiler-sfc": "3.4.3",
+    "vue-loader": "17.4.2",
+    "webpack": "5.89.0",
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
     "pinia": "^2.1.7",
-    "vue": "3.4.0"
+    "vue": "3.4.3"
   }
 }

frameworks/keyed/vue-pinia/package.json

@@ -1,5 +1,6 @@
 const path = require('path')
 const { VueLoaderPlugin } = require('vue-loader')
+const webpack = require('webpack')
 
 module.exports = (env = {}) => ({
 	mode: 'production',
@@ -27,5 +28,8 @@ module.exports = (env = {}) => ({
 	},
 	plugins: [
 		new VueLoaderPlugin(),
+		new webpack.DefinePlugin({
+			__VUE_PROD_DEVTOOLS__: JSON.stringify(false)
+		})			
 	],
 })

frameworks/keyed/vue-pinia/webpack.config.js

@@ -21,12 +21,12 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "3.4.0",
-    "vue-loader": "17.4.0",
+    "@vue/compiler-sfc": "3.4.3",
+    "vue-loader": "17.4.2",
     "webpack": "5.89.0",
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "vue": "3.4.0"
+    "vue": "3.4.3"
   }
 }

frameworks/keyed/vue/package-lock.json

@@ -0,0 +1,35 @@
+const path = require('path')
+const { VueLoaderPlugin } = require('vue-loader')
+const webpack = require('webpack')
+
+module.exports = (env = {}) => ({
+	mode: 'production',
+	entry: path.resolve(__dirname, './src/main.js'),
+	output: {
+		path: path.resolve(__dirname, './dist'),
+		publicPath: '/dist/'
+	},
+	resolve: {
+		alias: {
+			// this isn't technically needed, since the default `vue` entry for bundlers
+			// is a simple `export * from '@vue/runtime-dom`. However having this
+			// extra re-export somehow causes webpack to always invalidate the module
+			// on the first HMR update and causes the page to reload.
+			'vue': '@vue/runtime-dom'
+		}
+	},
+	module: {
+		rules: [
+			{
+				test: /\.vue$/,
+				use: 'vue-loader'
+			},
+		]
+	},
+	plugins: [
+		new VueLoaderPlugin(),
+		new webpack.DefinePlugin({
+			__VUE_PROD_DEVTOOLS__: JSON.stringify(false)
+		})				
+	],
+})

frameworks/keyed/vue/package.json

@@ -1,5 +1,6 @@
 const path = require('path')
 const { VueLoaderPlugin } = require('vue-loader')
+const webpack = require('webpack')
 
 module.exports = (env = {}) => ({
 	mode: 'production',
@@ -27,5 +28,8 @@ module.exports = (env = {}) => ({
 	},
 	plugins: [
 		new VueLoaderPlugin(),
+		new webpack.DefinePlugin({
+			__VUE_PROD_DEVTOOLS__: JSON.stringify(false)
+		})				
 	],
 })