Код внутри тега скрипта компонента vue не передается

Question

Я создал приложение Vue в качестве веб-компонента. Это работало хорошо в chrome. Но вернул пустой экран в IE 11. Он сообщал об ошибке синтаксиса. Синтаксическая ошибка изображения

babel.config. js

module.exports = {
  presets: [
    ['@vue/app', {
      polyfills: [
        'es6.promise',
        'es6.symbol'
      ],
      useBuiltIns: 'entry'
    }]
  ]
}

webpack.config. js

module.exports = {
    entry: {
        app: ['@babel/polyfill','./src/main.js'],   
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader'
            }
        ]
    },
    vue: {
        loaders: {
            js: 'babel-loader'
        }
    }
}

package. json

{
  "name": "web-component-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "prebuild": "babel --plugins @babel/plugin-transform-arrow-functions node_modules/@vue/web-component-wrapper/dist/vue-wc-wrapper.js -o node_modules/@vue/web-component-wrapper/dist/vue-wc-wrapper.js",
    "build:prod": "webpack --mode production",
    "build": "npx vue-cli-service build  --target wc-async --inline-vue --name email-compose ./src/views/EmailCompose.vue",
    "test": "vue-cli-service build --modern"
  },
  "dependencies": {
    "@babel/polyfill": "^7.8.3",
    "axios": "^0.19.2",
    "babel-preset-es2015": "^6.24.1",
    "core-js": "^3.6.4",
    "cors": "^2.8.5",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "query-string": "^5.1.1",
    "vue": "^2.6.11",
    "webcomponentsjs": "^1.0.2"
  },
  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.8.4",
    "@babel/plugin-transform-arrow-functions": "^7.8.3",
    "@babel/preset-env": "^7.8.4",
    "@vue/cli-plugin-babel": "~4.2.0",
    "@vue/cli-service": "~4.2.0",
    "@vue/web-component-wrapper": "^1.2.0",
    "@webcomponents/webcomponentsjs": "^2.4.2",
    "babel-loader": "^8.0.6",
    "babel-plugin-transform-custom-element-classes": "^0.1.0",
    "copy-webpack-plugin": "^5.1.1",
    "vue-template-compiler": "^2.6.11",
    "webpack": "^4.41.6",
    "webpack-cli": "^3.3.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

Я обнаружил, что код внутри тега скрипта в компоненте Vue, таком как create (), mount (), не конвертируется. Есть ли способ сделать это ?? Ребята, пожалуйста попробуйте найти решение!

Заранее спасибо