chore(examples): update nuxtjs (#6383)

* chore: update nuxtjs example

* fix: remove @nuxtjs/pwa

Co-authored-by: Leonardo Merlin <lmerlin@schubergphilis.com>

examples/nuxtjs/.gitignore

@@ -80,11 +80,15 @@ dist
 
 # IDE / Editor
 .idea
-.editorconfig
 
 # Service worker
 sw.*
 
-# Mac OSX
+# macOS
 .DS_Store
+
+# Vim swap files
+*.swp
+
+# Vercel
 .vercel

examples/nuxtjs/.vercelignore

@@ -1 +1,4 @@
 README.md
+.nuxt
+node_modules
+*.log

examples/nuxtjs/README.md

@@ -8,7 +8,7 @@ Deploy your own Nuxt.js project with Vercel.
 
 [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/vercel/vercel/tree/main/examples/nuxtjs)
 
-_Live Example: https://nuxtjs.now-examples.now.sh_
+_Live Example: https://nuxtjs.now-examples.vercel.app/_
 
 ### How We Created This Example
 
@@ -17,5 +17,3 @@ To get started with Nuxt.js deployed with Vercel, you can use the [Create-Nuxt-A
 ```shell
 $ npx create-nuxt-app my-app
 ```
-
-> The only change made is to amend the output directory in `nuxt.config.js` to `"/public"`.

examples/nuxtjs/nuxt.config.js

@@ -1,44 +1,37 @@
 export default {
-  mode: 'spa',
-  /*
-   ** Headers of the page
-   */
+  // Target: https://go.nuxtjs.dev/config-target
+  target: 'static',
+
+  // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
-    title: process.env.npm_package_name || '',
+    title: 'nuxtjs',
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
       {
         hid: 'description',
         name: 'description',
-        content: process.env.npm_package_description || '',
+        content: 'My astonishing Nuxt.js project',
       },
     ],
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
   },
-  /*
-   ** Customize the progress-bar color
-   */
-  loading: { color: '#fff' },
-  /*
-   ** Global CSS
-   */
+
+  // Global CSS: https://go.nuxtjs.dev/config-css
   css: [],
-  /*
-   ** Plugins to load before mounting the App
-   */
+
+  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
   plugins: [],
-  /*
-   ** Nuxt.js modules
-   */
+
+  // Auto import components: https://go.nuxtjs.dev/config-components
+  components: true,
+
+  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
+  buildModules: [],
+
+  // Modules: https://go.nuxtjs.dev/config-modules
   modules: [],
-  /*
-   ** Build configuration
-   */
-  build: {
-    /*
-     ** You can extend webpack config here
-     */
-    extend(config, ctx) {},
-  },
+
+  // Build Configuration: https://go.nuxtjs.dev/config-build
+  build: {}
 };

examples/nuxtjs/package.json

@@ -10,9 +10,8 @@
     "start": "nuxt start"
   },
   "dependencies": {
-    "nuxt": "^2.0.0"
+    "core-js": "^3.15.0",
+    "nuxt": "^2.15.7"
   },
-  "devDependencies": {
-    "nodemon": "^2.0.7"
-  }
+  "devDependencies": {}
 }

examples/nuxtjs/pages/index.vue

@@ -12,6 +12,7 @@
         <a
           href="https://nuxtjs.org/"
           target="_blank"
+          rel="noopener"
           class="button--green"
         >
           Documentation
@@ -19,6 +20,7 @@
         <a
           href="https://github.com/nuxt/nuxt.js"
           target="_blank"
+          rel="noopener"
           class="button--grey"
         >
           GitHub