Add compatibility with Nuxt 4

Author: Рома Столбов

package.json

@@ -1,12 +1,11 @@
 {
-  "name": "nuxt-font-loader",
-  "version": "2.3.5",
-  "description": "Simple, modern and lightweight font loader for Nuxt.",
-  "author": "Ivo Dolenc",
+  "name": "@stolbov.r/nuxt-font-loader",
+  "version": "1.1.0",
+  "description": "Fork of nuxt-font-loader with Nuxt 4 compatibility",
+  "author": "Roma Stolbov",
   "license": "MIT",
-  "repository": "ivodolenc/nuxt-font-loader",
-  "homepage": "https://github.com/ivodolenc/nuxt-font-loader",
-  "funding": "https://github.com/sponsors/ivodolenc",
+  "repository": "romastolbov/nuxt-font-loader",
+  "homepage": "https://github.com/romastolbov/nuxt-font-loader",
   "type": "module",
   "types": "./dist/types.d.ts",
   "exports": {
@@ -42,6 +41,7 @@
     "@hypernym/bundler": "^0.6.2",
     "@hypernym/eslint-config": "^2.0.3",
     "@hypernym/prettier-config": "^2.0.3",
+    "@nuxt/schema": "^3.16.2",
     "@types/node": "^20.10.0",
     "eslint": "^8.54.0",
     "nuxt": "^3.8.2",

src/module.ts

@@ -59,7 +59,7 @@ export default defineNuxtModule<ModuleOptions>({
         }
       }
 
-      head.style?.push({ children: styles })
+      head.style?.push(styles)
     }
 
     if (external) {
@@ -111,7 +111,7 @@ export default defineNuxtModule<ModuleOptions>({
         )
       }
 
-      if (styles) head.style?.push({ children: styles })
+      if (styles) head.style?.push(styles)
     }
   },
 })

src/runtime/composables/use-external-font.ts

@@ -54,5 +54,5 @@ export const useExternalFont = (external: ExternalOptions[]) => {
 
   useHead({ link: links })
 
-  if (styles) return useHead({ style: [{ children: styles }] })
+  if (styles) return useHead({ style: [styles] })
 }

src/runtime/composables/use-local-font.ts

@@ -31,5 +31,5 @@ export const useLocalFont = (local: LocalOptions[]) => {
 
   if (links.length) useHead({ link: links })
 
-  return useHead({ style: [{ children: styles }] })
+  return useHead({ style: [styles] })
 }