fix: bug of importing useHead

Closes: #1149

Author: ymmooot

Diff for: packages/example/nuxt.config.ts

@@ -3,4 +3,5 @@ import NuxtJsonld from 'nuxt-jsonld';
 export default defineNuxtConfig({
   modules: [NuxtJsonld],
   css: ['@/css/index.css'],
+  devtools: true,
 });

Diff for: packages/example/package.json

@@ -4,8 +4,14 @@
   "version": "0.0.1",
   "scripts": {
     "prepare": "yarn workspace nuxt-jsonld build",
-    "dev": "yarn prepare && nuxi dev",
+    "dev": "nuxi dev",
     "build": "yarn prepare && nuxi build",
     "start": "node ./.output/server/index.mjs"
+  },
+  "dependencies": {
+    "nuxt": "^3.4.1"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^0.4.0"
   }
 }

Diff for: packages/nuxt-jsonld/package.json

@@ -37,7 +37,7 @@
     "esbuild": "^0.17.14",
     "esbuild-jest": "^0.5.0",
     "jest": "^29.5.0",
-    "nuxt": "^3.0.0",
+    "nuxt": "^3.4.1",
     "prettier": "^2.8.7",
     "shipjs": "0.26.1",
     "tsup": "^6.7.0",

Diff for: packages/nuxt-jsonld/src/runtime/composable.ts

@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import type { JsonLD, JsonLDFunc } from '../types';
-import { useHead } from '#head';
+import { useHead } from '@unhead/vue';
 
 const isFunc = (json: JsonLD | JsonLDFunc): json is JsonLDFunc => typeof json === 'function';
 

Diff for: packages/nuxt-jsonld/src/runtime/plugin-impl.ts

@@ -1,5 +1,5 @@
 import { computed } from 'vue';
-import { useHead } from '#head';
+import { useHead } from '@unhead/vue';
 
 export default (nuxtApp) => {
   const mixin = {

Diff for: packages/nuxt-jsonld/src/runtime/plugin.ts

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from '#app';
+import { defineNuxtPlugin } from 'nuxt/app';
 import plugin from './plugin-impl';
 
 export default defineNuxtPlugin(plugin);

Diff for: packages/nuxt-jsonld/test/composable.spec.js

@@ -1,9 +1,9 @@
 import { useJsonld } from '../src/runtime/composable';
 import { ref } from 'vue';
-import { useHead } from '#head';
+import { useHead } from '@unhead/vue';
 
 let useHeadArg = undefined;
-jest.mock('#head', () => ({
+jest.mock('@unhead/vue', () => ({
   useHead: jest.fn().mockImplementation((arg) => {
     useHeadArg = arg;
   }),

Diff for: packages/nuxt-jsonld/test/plugin.spec.js

@@ -1,7 +1,7 @@
 import plugin from '../src/runtime/plugin-impl';
 
 let useHeadArg = undefined;
-jest.mock('#head', () => ({
+jest.mock('@unhead/vue', () => ({
   useHead: jest.fn().mockImplementation((arg) => {
     useHeadArg = arg;
   }),

Diff for: packages/nuxt-jsonld/tsconfig.json

@@ -10,10 +10,6 @@
     "sourceMap": false,
     "declaration": true,
     "lib": ["ESNext"],
-    "paths": {
-      "#app": ["../../node_modules/nuxt/dist/app"],
-      "#head": ["../../node_modules/nuxt/dist/head/runtime"]
-    },
     "types": ["@nuxt/schema"]
   },
   "include": ["./src/**/*"]