chore(deps): update ava to v4 (#940)

Co-authored-by: Xin Du (Clark) <clark.duxin@gmail.com>

Author: renovate[bot]

ava.config.js renamed to ava.config.cjs

@@ -1,7 +1,6 @@
-export default {
+module.exports = {
   ignoredByWatcher: ['!**/*.{js}'],
   files: ['./packages/*/test/*.test.js', '!template'],
   tap: false,
-  verbose: true,
-  babel: true
+  verbose: true
 }

package.json

@@ -18,11 +18,10 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "@ava/babel": "^2.0.0",
     "@commitlint/cli": "^16.2.1",
     "@commitlint/config-conventional": "^16.2.1",
     "@nuxtjs/eslint-config": "^8.0.0",
-    "ava": "^3.15.0",
+    "ava": "^4.1.0",
     "eslint": "^8.11.0",
     "husky": "^7.0.4",
     "lerna": "^4.0.0",

packages/cna-template/template/frameworks/ava/ava.config.cjs

@@ -2,7 +2,6 @@ module.exports = () => {
   return {
     require: ['./test/helpers/ava.setup.js'],
     ignoredByWatcher: ['!**/*.{js,vue}'],
-    babel: true,
     tap: true,
     verbose: true,
     color: true

packages/cna-template/template/frameworks/ava/package.json

@@ -5,15 +5,14 @@
     "test:e2e": "cross-env TEST=e2e ava ./test/e2e/**/*"
   },
   "devDependencies": {
-    "@ava/babel": "^2.0.0",
     "@vue/test-utils": "^1.3.0",
-    "ava": "^3.15.0",
+    "ava": "^4.1.0",
     "babel-plugin-module-resolver": "^4.1.0",
     "cross-env": "^7.0.3",
     "jsdom": "^19.0.0",
     "jsdom-global": "^3.0.2",
     "require-extension-hooks": "^0.3.3",
     "require-extension-hooks-babel": "^1.0.0",
-    "require-extension-hooks-vue": "^2.0.0"
+    "require-extension-hooks-vue": "^3.0.0"
   }
 }

packages/cna-template/template/nuxt/components/Tutorial.vue

@@ -11,7 +11,7 @@
           Welcome to your Nuxt Application
         </h2>
         <p class="mt-3 text-gray-600">
-          We recommend you take a look at the <a href="https://nuxtjs.org" target="_blank" class="button--doc text-green-500 hover:underline">Nuxt documentation</a>, whether you are new or have previous experience with the framework.<br>
+          We recommend you take a look at the <a href="https://nuxtjs.org" target="_blank" class="button--doc text-green-500 hover:underline">Nuxt Documentation</a>, whether you are new or have previous experience with the framework.<br>
         </p>
         <p class="mt-4 pt-4 text-gray-800 border-t border-dashed">
           To get started, remove <code class="bg-gray-100 text-sm p-1 rounded border">components/Tutorial.vue</code> and start coding in <code class="bg-gray-100 text-sm p-1 rounded border">pages/index.vue</code>. Have fun!

packages/create-nuxt-app/test/index.test.js

@@ -1,7 +1,7 @@
-import path from 'path'
-import test from 'ava'
-import sao from 'sao'
-import saoConfig from '../lib/saofile'
+const path = require('path')
+const test = require('ava')
+const sao = require('sao')
+const saoConfig = require('../lib/saofile')
 
 const generator = path.join(__dirname, '../lib')
 

packages/create-nuxt-app/test/snapshots/index.test.js.md

@@ -2909,16 +2909,15 @@ Generated by [AVA](https://avajs.dev).
         'vue-template-compiler': '^2.6.14',
       },
       devDependencies: {
-        '@ava/babel': '^2.0.0',
         '@vue/test-utils': '^1.3.0',
-        ava: '^3.15.0',
+        ava: '^4.1.0',
         'babel-plugin-module-resolver': '^4.1.0',
         'cross-env': '^7.0.3',
         jsdom: '^19.0.0',
         'jsdom-global': '^3.0.2',
         'require-extension-hooks': '^0.3.3',
         'require-extension-hooks-babel': '^1.0.0',
-        'require-extension-hooks-vue': '^2.0.0',
+        'require-extension-hooks-vue': '^3.0.0',
       },
       private: true,
       scripts: {