chrome 49 support

[lordenas]

What problem does this feature solve?

I am using vue 3.0.0 I need support for chrome 49 version. I added a plugin to babel.config.js - @ babel / plugin-proposal-object-rest-spread But it seems the plugin is being ignored and I am getting the error. "Uncaught SyntaxError: Unexpected token ..."

my babel.config.js

module.exports = {
  "presets": ["@vue/cli-plugin-babel/preset"],
  "plugins": [["@babel/plugin-proposal-object-rest-spread", { "loose": true, "useBuiltIns": true }]]
};

What does the proposed API look like?

I expect that after adding the babel plugin / plugin-proposal-object-rest-spread spread operator will be replaced.

my package.json

{
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@kyvg/vue3-notification": "^2.3.4",
    "@microsoft/applicationinsights-web": "^2.7.0",
    "@vueform/multiselect": "^2.2.0",
    "@vuelidate/components": "^1.1.6",
    "@vuelidate/core": "^2.0.0-alpha.29",
    "@vuelidate/validators": "^2.0.0-alpha.24",
    "axios": "^0.21.4",
    "core-js": "^3.6.5",
    "jwt-decode": "^3.1.2",
    "lodash": "^4.17.21",
    "mosha-vue-toastify": "^1.0.23",
    "v-animate-css": "0.0.3",
    "v-mask": "^2.2.4",
    "v-tooltip": "^3.0.0-alpha.21",
    "vue": "^3.0.0",
    "vue-adblock-detect": "0.0.2",
    "vue-clickaway": "git+https://github.com/lordenas/vue-clickaway.git",
    "vue-cookie": "git+https://github.com/lordenas/vue-cookies.git",
    "vue-final-modal": "^3.4.1",
    "vue-infinite-loading": "^2.4.5",
    "vue-next-select": "^3.0.0-alpha.3",
    "vue-plain-pagination": "^0.3.0",
    "vue-qrcode-reader": "^3.0.3",
    "vue-router": "^4.0.12",
    "vue-select": "^3.13.0",
    "vue-star-rating": "^2.1.0",
    "vue-tippy": "^6.0.0-alpha.35",
    "vue3-click-away": "^1.2.1",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@types/jest": "^24.0.19",
    "@types/vue-select": "^3.11.2",
    "@types/webpack-env": "^1.16.2",
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-e2e-cypress": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-unit-jest": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "@vue/test-utils": "^2.0.0-0",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^7.0.0",
    "node-sass": "^4.12.0",
    "prettier": "^2.2.1",
    "sass-loader": "^8.0.2",
    "typescript": "~4.1.5",
    "vue-jest": "^5.0.0-0"
  }
}

[posva]

The error comes from vue-tippy, not vue. They should use Object.assign instead of the spread operator ...