vue-cli-plugins icon indicating copy to clipboard operation
vue-cli-plugins copied to clipboard

[Bug Report] Issue with using vue-cli-plugin-vuetify in a remote preset

Open GinoVillalpando opened this issue 3 years ago • 1 comments

Before I used to use vue-cli-plugin-vuetify in my vue-cli remote preset and it used to work fine but now I'm running into this error:

image

I noticed my preset is set to default and when using vue add vuetify I saw Default (recommended), Prototype (rapid development), and Configure (advanced) are no longer options since Vuetify 3 has been added.

If this has been updated is there documentation on what to put here to use Vuetify 2 - Vue CLI (recommended)?

Otherwise, I might have to just use vue add vuetify every time which isn't ideal.

here is my remote preset for reference:

{
  "useConfigFiles": true,
  "plugins": {
    "@vue/cli-plugin-babel": {},
    "@vue/cli-plugin-typescript": {
      "classComponent": true,
      "useTsWithBabel": true
    },
    "@vue/cli-plugin-router": {
      "historyMode": true
    },
    "@vue/cli-plugin-vuex": {},
    "@vue/cli-plugin-eslint": {
      "config": "prettier",
      "lintOn": ["save"]
    },
    "@vue/cli-plugin-unit-jest": {},
    "@vue/cli-plugin-e2e-cypress": {},
    "vue-cli-plugin-vuetify": {
      "preset": "default"
    }
  },
  "vueVersion": "2",
  "cssPreprocessor": "dart-sass"
}

GinoVillalpando avatar Nov 03 '22 19:11 GinoVillalpando

This should be documented somewhere. My Vue preset was breaking with this plugin included and couldn't find out the source why until I found this commit: https://github.com/vuetifyjs/vue-cli-plugins/commit/4a2aa7668a08ffcdc8ffe2a15856e49a216e13dd with the key being changed from preset -> install

This resolved my issue:

"vue-cli-plugin-vuetify": {
   "install": "default"
}

GinoVillalpando avatar Dec 28 '22 23:12 GinoVillalpando