fix: expose typescript declaration

Author: stafyniaksacha

README.md

@@ -147,6 +147,7 @@ import 'unfonts.css'
 ```
 
 
+
 ## Options
 
 
@@ -366,6 +367,15 @@ Unfonts({
 })
 ```
 
+## Typescript Definitions
+
+```json
+{
+  "compilerOptions": {
+    "types": ["unplugin-fonts/client"]
+  }
+}
+```
 
 ## Ressources
 

client.d.ts

@@ -0,0 +1,8 @@
+declare module 'unfonts.css' {
+  const content: string
+  export default content
+}
+
+declare module 'unplugin-fonts/head' {
+  export const links: string[]
+}

examples/nuxt/app.vue

@@ -1,17 +1,18 @@
 <script setup lang="ts">
-// @ts-ignore
-import { tags } from 'unplugin-fonts/head'
+import { links } from 'unplugin-fonts/head'
+import src from 'unfonts.css'
 </script>
 
 <template>
   <h1>Hello Nuxt!</h1>
   <h2>I'm using a local font !</h2>
-  <pre>{{ tags }}</pre>
+  <pre>links: {{ links }}</pre>
+  <pre>src: {{ src }}</pre>
   <a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
 </template>
 
 <style>
-body {
+:root {
   font-family: "Crimson Pro", Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -24,6 +25,10 @@ a {
   font-family: "Open Sans", Avenir, Helvetica, Arial, sans-serif;
 }
 
+pre {
+  text-align: left;
+}
+
 h2 {
   font-family: "Dancing Script", sans-serif;
   font-size: 3rem;

examples/nuxt/nuxt.config.ts

@@ -4,7 +4,7 @@ export default defineNuxtConfig({
   modules: [
     Unfonts,
   ],
-  fonts: {
+  unfonts: {
     google: {
       families: ['Crimson Pro', 'Open Sans', 'Material+Icons'],
     },

examples/nuxt/tsconfig.json

@@ -1,4 +1,7 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "types": ["unplugin-fonts/client"]
+  }
 }

package.json

@@ -20,9 +20,6 @@
       "types": "./dist/astro/component.d.ts",
       "import": "./dist/astro/component.astro"
     },
-    "./head": {
-      "types": "./dist/head.d.ts"
-    },
     "./esbuild": {
       "types": "./dist/esbuild.d.ts",
       "require": "./dist/esbuild.js",
@@ -53,6 +50,9 @@
       "require": "./dist/webpack.js",
       "import": "./dist/webpack.mjs"
     },
+    "./client": {
+      "types": "./client.d.ts"
+    },
     "./*": "./*"
   },
   "main": "dist/index.js",
@@ -67,7 +67,8 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "client.d.ts"
   ],
   "scripts": {
     "build": "tsup",

src/head.ts

@@ -9,16 +9,16 @@ import unplugin from '.'
 export default defineNuxtModule({
   meta: {
     name: 'unplugin-fonts',
-    configKey: 'fonts',
+    configKey: 'unfonts',
   },
   setup(options: Options, nuxt) {
-    nuxt.options.css ??= []
+    nuxt.options.css ||= []
     nuxt.options.css.push('unfonts.css')
 
     const links = getHeadLinkTags(options, nuxt.options.rootDir)
 
-    nuxt.options.app.head ??= {}
-    nuxt.options.app.head.link ??= []
+    nuxt.options.app.head ||= {}
+    nuxt.options.app.head.link ||= []
 
     for (const link of links) {
       nuxt.options.app.head.link.push({