Add compatibility with Nuxt 4

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-font-loader",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "description": "Simple, modern and lightweight font loader for Nuxt.",
   "author": "Ivo Dolenc",
   "license": "MIT",

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] })
 }