Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Vuetify] [UPGRADE] 'v-content' is deprecated, use 'v-main' instead. #574

Closed
entryword opened this issue Jul 14, 2020 · 2 comments
Closed

Comments

@entryword
Copy link

After executing

npx create-nuxt-app <project-name>
cd <project-name>
npm run dev

Will have warning as below

 WARN  [Vuetify] [UPGRADE] 'v-content' is deprecated, use 'v-main' instead.                                                                                                               03:04:31

found in

---> <VMain>
       <VApp>
         <Layouts/default.vue> at layouts/default.vue
           <Root>

Versions

  • nuxt: v2.13.3
  • node:v10.16.2

Reproduction

execute as below

npx create-nuxt-app <project-name>
cd <project-name>
npm run dev
Additional Details
The default package.json
{
  "name": "src",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "export": "nuxt export",
    "serve": "nuxt serve",
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "lint": "npm run lint:js",
    "test": "jest"
  },
  "dependencies": {
    "@nuxtjs/axios": "^5.11.0",
    "@nuxtjs/pwa": "^3.0.0-beta.20",
    "nuxt": "^2.13.0",
    "vuetify": "^2.3.4"
  },
  "devDependencies": {
    "@nuxtjs/eslint-config": "^3.0.0",
    "@nuxtjs/eslint-module": "^2.0.0",
    "@nuxtjs/vuetify": "^1.11.2",
    "@vue/test-utils": "^1.0.3",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "^10.1.0",
    "babel-jest": "^26.0.1",
    "eslint": "^7.2.0",
    "eslint-config-prettier": "^6.11.0",
    "eslint-plugin-nuxt": "^1.0.0",
    "eslint-plugin-prettier": "^3.1.4",
    "jest": "^26.0.1",
    "prettier": "^2.0.5",
    "vue-jest": "^3.0.4"
  }
}

What is Expected?

It seems been fixed by Vuetify recently: nuxt-community/vuetify-module#344
But in my package.json, the "@nuxtjs/vuetify": "^1.11.2" which "devDependencies" is using still has this problem

@zpzyyzp
Copy link

zpzyyzp commented Jul 15, 2020

I don't think this is a bug of nuxt or vuetify-module
The sample of layout and page which provided by create-nuxt-app is based on old version of Vuetify.
But you don't have to use these samples.
Just fix the layouts/default.vue by yourself.
<v-content>…</v-content>
to
<v-main>…</v-main>

Anyway, this is an issue about create-nuxt-app

@pi0 pi0 transferred this issue from nuxt/nuxt Jul 21, 2020
@clarkdo
Copy link
Member

clarkdo commented Jul 27, 2020

Fixed in v3.2.0

@clarkdo clarkdo closed this as completed Jul 27, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants