refactor(ui): webpack-dashboard: simplify open-app

Author: Guillaume Chau

packages/@vue/cli-service/ui.js

@@ -1,7 +1,5 @@
-const { openBrowser } = require('@vue/cli-shared-utils')
-
 module.exports = api => {
-  const { setSharedData, getSharedData, removeSharedData, onAction } = api.namespace('webpack-dashboard-')
+  const { setSharedData, removeSharedData } = api.namespace('webpack-dashboard-')
 
   function resetSharedData (key) {
     setSharedData(`${key}-status`, null)
@@ -258,8 +256,4 @@ module.exports = api => {
       setSharedData('serve-url', data.vueServe.url)
     }
   })
-  onAction('open-app', () => {
-    const url = getSharedData('serve-url')
-    url && openBrowser(url.value)
-  })
 }

packages/@vue/cli-ui-addon-webpack/src/components/WebpackDashboard.vue

@@ -11,7 +11,8 @@
           icon-left="open_in_browser"
           :label="$t('vue-webpack.dashboard.open-app')"
           :disabled="!serveUrl"
-          @click="$callPluginAction('webpack-dashboard-open-app')"
+          :href="serveUrl"
+          target="_blank"
         />
         <VueIcon
           icon="lens"