diff --git a/vue/package.json b/vue/package.json
index 2e3b7a6..896c43a 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -43,7 +43,7 @@
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.2",
-    "@zen/app-plugin": "^0.2.1"
+    "@zen/app-plugin": "^0.2.6"
   },
   "eslintIgnore": [
     "public/*",
diff --git a/vue/webpack.config.js b/vue/webpack.config.js
index c8583de..fd5f9d9 100644
--- a/vue/webpack.config.js
+++ b/vue/webpack.config.js
@@ -2,7 +2,7 @@ const TerserPlugin = require("terser-webpack-plugin"),
     { VueLoaderPlugin } = require("vue-loader"),
     path = require("path"),
     fs = require("fs-extra");
-// const ZenAppPlugin = require("@zen/app-plugin");
+const ZenAppPlugin = require("@zen/app-plugin");
 const MiddleWare = require("@zen/app-plugin/middleware");
 
 function optimization(mode) {
@@ -148,7 +148,7 @@ module.exports = (env, argv) => {
                 "Access-Control-Allow-Headers": "*",
             },
         };
-        // webpackConfig.plugins.push(new ZenAppPlugin());
+        webpackConfig.plugins.push(new ZenAppPlugin());
     } else {
         webpackConfig.output.clean = true;
         webpackConfig.output.path = path.join(vuePath, "dist");