Update packages

README.md

@@ -15,7 +15,7 @@ This is a Nuxt 3 news site demo.
 | Framework         | [Nuxt](https://v3.nuxtjs.org/)                                                               |
 | Hosting           | [Netlify](https://www.netlify.com/)                                                          |
 | Icon              | [Feather Icon](https://icones.js.org/collection/fe)                                          |
-| Lazy loading      | [Vue Lazyload Next](https://github.com/caozhong1996/vue-lazyload-next)                       |
+| Lazy loading      | [Vue Lazyload](https://github.com/hilongjw/vue-lazyload/tree/next)                       |
 | Link catcher      | [Nuxt 3 Interpolation](https://github.com/daliborgogic/interpolation)                        |
 | Linter            | [ESLint](https://eslint.org/)                                                                |
 | Loading indicator | [NProgress](https://ricostacruz.com/nprogress/)                                              |

netlify.toml

@@ -1,6 +1,6 @@
 [build.environment]
   NPM_FLAGS = "--version"
-  NODE_VERSION = "16"
+  NODE_VERSION = "18"
 
 [build]
   publish = "dist"

nuxt.config.ts

@@ -1,5 +1,3 @@
-import { defineNuxtConfig } from "nuxt"
-
 export default defineNuxtConfig({
   css: ["@/assets/css/base.css", "@/assets/css/nprogress.css"],
 
@@ -26,7 +24,5 @@ export default defineNuxtConfig({
     define: {
       "process.env": {}
     }
-  },
-
-  target: "static"
+  }
 })

package.json

@@ -8,27 +8,27 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@pinia/nuxt": "^0.1.9",
-    "nuxt": "^3.0.0-rc.3",
-    "pinia": "^2.0.14"
+    "@pinia/nuxt": "^0.4.3",
+    "nuxt": "^3.0.0-rc.13",
+    "pinia": "^2.0.23"
   },
   "devDependencies": {
-    "@iconify-json/fe": "^1.1.1",
-    "@rushstack/eslint-patch": "^1.1.3",
-    "@unocss/nuxt": "^0.34.0",
-    "@unocss/reset": "^0.34.0",
+    "@iconify-json/fe": "^1.1.2",
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@unocss/nuxt": "^0.46.3",
+    "@unocss/reset": "^0.46.3",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vueuse/core": "^8.5.0",
-    "@vueuse/integrations": "^8.5.0",
-    "@vueuse/nuxt": "^8.5.0",
+    "@vueuse/core": "^9.4.0",
+    "@vueuse/integrations": "^9.4.0",
+    "@vueuse/nuxt": "^9.4.0",
     "aos": "^3.0.0-beta.6",
     "change-case": "^4.1.2",
-    "eslint-plugin-vue": "^9.0.1",
-    "eslint": "^8.16.0",
+    "eslint-plugin-vue": "^9.7.0",
+    "eslint": "^8.26.0",
     "nprogress": "^0.2.0",
     "nuxt3-interpolation": "^1.0.16",
-    "prettier": "^2.6.2",
-    "vite": "^2.9.9",
-    "vue-lazyload-next": "^0.0.2"
+    "prettier": "^2.7.1",
+    "vite": "^3.2.2",
+    "vue-lazyload": "3.0.0-rc.2"
   }
 }

plugins/vue-lazyload-next.client.js

@@ -1,11 +1,11 @@
 import { defineNuxtPlugin } from "#app"
-import VueLazyloadNext from "vue-lazyload-next"
+import VueLazyload from "vue-lazyload"
 
 const error = new URL("../assets/img/error.png", import.meta.url).href
 const loading = new URL("../assets/img/loading.png", import.meta.url).href
 
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(VueLazyloadNext, {
+  nuxtApp.vueApp.use(VueLazyload, {
     error,
     loading
   })