chore: upgrade nuxt dependencies

Co-authored-by: Sadjow Leão <sadjow@gmail.com>

Author: hakenprog

package.json

@@ -24,41 +24,50 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
+      "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs",
       "require": "./dist/module.cjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build",
+    "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "npm run prepack && changelogen --release && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
-    "test:watch": "vitest watch"
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.7.3"
+    "@nuxt/kit": "^3.17.2"
   },
   "devDependencies": {
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.1",
-    "@nuxt/schema": "^3.7.3",
-    "@nuxt/test-utils": "^3.7.3",
-    "@types/node": "^18.17.17",
-    "changelogen": "^0.5.5",
-    "eslint": "^8.49.0",
-    "nuxt": "^3.7.3",
+    "@nuxt/devtools": "^2.4.0",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.17.2",
+    "@nuxt/test-utils": "^3.18.0",
+    "@types/node": "latest",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.26.0",
+    "nuxt": "^3.17.2",
+    "typescript": "~5.8.3",
     "playwright": "^1.48.1",
     "playwright-core": "^1.39.0",
-    "vitest": "^0.33.0"
+    "vitest": "^3.1.2",
+    "vue-tsc": "^2.2.10"
   }
-}
+}

playground/package.json

@@ -8,6 +8,6 @@
     "generate": "nuxi generate"
   },
   "devDependencies": {
-    "nuxt": "latest"
+    "nuxt": "^3.17.2"
   }
 }

playground/yarn.lock

@@ -1,4 +1,4 @@
-import { DataObject } from "nuxt-utm";
+import type { DataObject } from "nuxt-utm";
 import {
   readLocalData,
   getSessionID,
@@ -10,15 +10,15 @@ import {
 } from "./utm";
 import { ref } from "vue";
 import { defineNuxtPlugin } from "#app";
-import { HookResult } from "@unhead/schema";
+// import { type HookResult } from "@unhead/schema";
 
 const LOCAL_STORAGE_KEY = "nuxt-utm-data";
 const SESSION_ID_KEY = "nuxt-utm-session-id";
 
 export default defineNuxtPlugin((nuxtApp) => {
   const data = ref<DataObject[]>([]);
 
-  nuxtApp.hook("app:mounted", (): HookResult => {
+  nuxtApp.hook("app:mounted", (): any => {
     data.value = readLocalData(LOCAL_STORAGE_KEY);
 
     const sessionId = getSessionID(SESSION_ID_KEY);

src/runtime/plugin.ts

@@ -1,6 +1,11 @@
-import { Ref } from "vue";
-import { LocationQuery } from "vue-router";
-import { UTMParams, AdditionalInfo, DataObject, GCLIDParams } from "nuxt-utm";
+import type { Ref } from "vue";
+import type { LocationQuery } from "vue-router";
+import type {
+  UTMParams,
+  AdditionalInfo,
+  DataObject,
+  GCLIDParams,
+} from "nuxt-utm";
 
 export const generateSessionId = () => {
   return Math.random().toString(36).substring(2, 15);

src/runtime/utm.ts

@@ -1,8 +1,8 @@
-import { DataObject } from "nuxt-utm";
+import type { DataObject } from "nuxt-utm";
 import { describe, it, expect, beforeEach } from "vitest";
 import { fileURLToPath } from "node:url";
 import { setup, $fetch, createPage } from "@nuxt/test-utils";
-import { Page } from "playwright-core";
+import type { Page } from "playwright-core";
 
 describe("ssr", async () => {
   await setup({
@@ -15,10 +15,10 @@ describe("ssr", async () => {
 
   beforeEach(async () => {
     page = await createPage(
-      "/?utm_source=test_source&utm_medium=test_medium&utm_campaign=test_campaign&utm_term=test_term&utm_content=test_content&gad_source=1&gclid=testKey",
+      "/?utm_source=test_source&utm_medium=test_medium&utm_campaign=test_campaign&utm_term=test_term&utm_content=test_content&gad_source=1&gclid=testKey"
     );
     const rawData = await page.evaluate(() =>
-      window.localStorage.getItem("nuxt-utm-data"),
+      window.localStorage.getItem("nuxt-utm-data")
     );
     entries = await JSON.parse(rawData ?? "[]");
   });
@@ -70,21 +70,22 @@ describe("ssr", async () => {
     it("Doesn't store anything after a page reload with the same UTM params and session", async () => {
       await page.reload();
       const rawData = await page?.evaluate(() =>
-        window.localStorage.getItem("nuxt-utm-data"),
+        window.localStorage.getItem("nuxt-utm-data")
       );
       entries = await JSON.parse(rawData ?? "[]");
       expect(entries.length).toEqual(1);
     });
 
-    it("Stores a new value if the UTM params are different but the session is the same", async () => {
+    it.only("Stores a new value if the UTM params are different but the session is the same", async () => {
       const urlBase = page.url().split("?")[0];
       await page.goto(
-        `${urlBase}/?utm_source=test_source2&utm_medium=test_medium2&utm_campaign=test_campaign2&utm_term=test_term2&utm_content=test_content2`,
+        `${urlBase}/?utm_source=test_source2&utm_medium=test_medium2&utm_campaign=test_campaign2&utm_term=test_term2&utm_content=test_content2`
       );
       const rawData = await page.evaluate(() =>
-        localStorage.getItem("nuxt-utm-data"),
+        localStorage.getItem("nuxt-utm-data")
       );
       entries = await JSON.parse(rawData ?? "[]");
+      console.log(entries);
       expect(entries[0].utmParams).toEqual({
         utm_campaign: "test_campaign2",
         utm_content: "test_content2",
@@ -96,11 +97,11 @@ describe("ssr", async () => {
 
     it("Stores a new value if the UTM params are the same but the session is different", async () => {
       await page.evaluate(() =>
-        sessionStorage.setItem("nuxt-utm-session-id", "old-session"),
+        sessionStorage.setItem("nuxt-utm-session-id", "old-session")
       );
       await page.reload();
       const rawData = await page.evaluate(() =>
-        localStorage.getItem("nuxt-utm-data"),
+        localStorage.getItem("nuxt-utm-data")
       );
       entries = await JSON.parse(rawData ?? "[]");
       expect(entries[0].utmParams).toEqual({
@@ -124,7 +125,7 @@ describe("ssr", async () => {
     it("Doesn't store anything after a page reload with the same UTM params and session", async () => {
       await page.reload();
       const rawData = await page?.evaluate(() =>
-        window.localStorage.getItem("nuxt-utm-data"),
+        window.localStorage.getItem("nuxt-utm-data")
       );
       entries = await JSON.parse(rawData ?? "[]");
       expect(entries.length).toEqual(1);
@@ -133,10 +134,10 @@ describe("ssr", async () => {
     it("Stores a new value if the GCLID params are different but the session is the same", async () => {
       const urlBase = page.url().split("?")[0];
       await page.goto(
-        `${urlBase}/?utm_source=test_source&utm_medium=test_medium&utm_campaign=test_campaign&utm_term=test_term&utm_content=test_content&gad_source=2&gclid=testKey2`,
+        `${urlBase}/?utm_source=test_source&utm_medium=test_medium&utm_campaign=test_campaign&utm_term=test_term&utm_content=test_content&gad_source=2&gclid=testKey2`
       );
       const rawData = await page.evaluate(() =>
-        localStorage.getItem("nuxt-utm-data"),
+        localStorage.getItem("nuxt-utm-data")
       );
       entries = await JSON.parse(rawData ?? "[]");
       expect(entries?.[0].gclidParams).toEqual({
@@ -147,11 +148,11 @@ describe("ssr", async () => {
 
     it("Stores a new value if the GCLID params are the same but the session is different", async () => {
       await page.evaluate(() =>
-        sessionStorage.setItem("nuxt-utm-session-id", "old-session"),
+        sessionStorage.setItem("nuxt-utm-session-id", "old-session")
       );
       await page.reload();
       const rawData = await page.evaluate(() =>
-        localStorage.getItem("nuxt-utm-data"),
+        localStorage.getItem("nuxt-utm-data")
       );
       entries = await JSON.parse(rawData ?? "[]");
       expect(entries?.[0].gclidParams).toEqual({

test/integration.test.ts

@@ -1,5 +1,5 @@
-import { ref, Ref } from "vue";
-import { DataObject } from "nuxt-utm";
+import { ref, type Ref } from "vue";
+import type { DataObject } from "nuxt-utm";
 import {
   isRepeatedEntry,
   readLocalData,