Merge pull request #119 from LCOGT/fix/hydration-warning

fix hydration error for vue config

vue.config.js

@@ -1,16 +1,27 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
-	transpileDependencies: true,
+  transpileDependencies: true,
 
-	pluginOptions: {
-		vuetify: {
-			// https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vuetify-loader
-		}
-	},
-	devServer: {
-		headers: {
-			'Cross-Origin-Embedder-Policy':'require-corp',
-			'Cross-Origin-Opener-Policy':'same-origin',
-		},
-	}
+  pluginOptions: {
+    vuetify: {
+      // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vuetify-loader
+    }
+  },
+  devServer: {
+    headers: {
+      'Cross-Origin-Embedder-Policy':'require-corp',
+      'Cross-Origin-Opener-Policy':'same-origin',
+    },
+  },
+
+  chainWebpack: (config) => {
+    config.plugin('define').tap((definitions) => {
+      Object.assign(definitions[0], {
+        __VUE_OPTIONS_API__: 'true',
+        __VUE_PROD_DEVTOOLS__: 'false',
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
+      })
+      return definitions
+    })
+  }
 })