chore: update readme and package.json

Author: stafyniaksacha

README.md

@@ -1,6 +1,18 @@
 # unplugin-fonts
 
-Universal Webfont loader
+㊗️ Universal Webfont loader
+
+[![npm](https://img.shields.io/npm/v/unplugin-fonts.svg)](https://www.npmjs.com/package/unplugin-fonts)
+
+Load fonts from any provider and use them in your project, whatever the framework you use.
+
+This module takes care of loading the font files and generating the font-face rules. By default it preloads the font files and uses the swap strategy, but you can customize this behavior.
+
+Currently supported providers:
+- [Typekit](#typekit)
+- [Google Fonts](#google-fonts)
+- [Custom Fonts](#custom-fonts)
+- [Fontsource](#fontsource)
 
 
 ## Install
@@ -156,25 +168,58 @@ import Unfont from 'unplugin-fonts/astro/component.astro';
 
 Example: [`examples/astro`](./examples/astro)
 
+<br></details>
+
+---
+
+
+<details>
+<summary>Migrating from <code>vite-plugin-fonts</code></summary><br>
+
+```diff
+// vite.config.ts
+-import { VitePluginFonts } from 'vite-plugin-fonts'
++import Unfonts from 'unplugin-fonts/vite'
+
+export default defineConfig({
+  plugins: [
+-    VitePluginFonts({ 
++    Unfonts({ 
+      /* options */ 
+    }),
+  ],
+})
+```
+
+
+```diff
+// main.ts
+-import 'virtual:fonts.css'
++import 'unfonts.css'
+```
+
+
 <br></details>
 
 
 ## Import generated `@font-rules` CSS
 
 > **Note**  
-> Required if using local/custom or fontsource fonts
+> Required if using **custom** or **fontsource** providers
 
 ```ts
 import 'unfonts.css'
 ```
 
 
 
-## Options
+## Providers
 
 
 ### Typekit
 
+Load fonts from [Typekit](https://typekit.com/).
+
 ```ts
 Unfonts({
   // Typekit API
@@ -204,6 +249,8 @@ Unfonts({
 
 ### Google Fonts
 
+Load fonts from [Google Fonts](https://fonts.google.com/).
+
 ```ts
 Unfonts({
   // Google Fonts API V2
@@ -267,6 +314,8 @@ Unfonts({
 
 ### Custom Fonts
 
+Load custom fonts from files.
+
 ```ts
 Unfonts({
   // Custom fonts.
@@ -339,6 +388,11 @@ Unfonts({
 
 ### Fontsource
 
+Load fonts from [Fontsource](https://fontsource.org/) packages.
+
+> **Note**
+> You will need to install `@fontsource/<font>` packages.
+
 ```ts
 Unfonts({
   // Fontsource API

examples/vite/style.css

@@ -22,6 +22,6 @@ h2 {
   font-family: "ABeeZee", sans-serif;
 }
 
-. { 
+.fontsource-truculenta {
   font-family: "Truculenta", sans-serif;
 }

package.json

@@ -2,11 +2,17 @@
   "name": "unplugin-fonts",
   "version": "1.0.0-beta.0",
   "description": "Universal Webfont loader",
-  "author": "stafyniaksacha",
+  "author": {
+    "name": "cssninjaStudio <[email protected]> (https://cssninja.io)"
+  },
   "license": "MIT",
-  "repository": "stafyniaksacha/unplugin-fonts",
+  "repository": "cssninjaStudio/unplugin-fonts",
   "keywords": [
     "fonts",
+    "google-fonts",
+    "typekit",
+    "fontsource",
+    "webfontloader",
     "svelte",
     "nuxt",
     "vite",

src/index.ts

@@ -28,7 +28,8 @@ export default createUnplugin<Options | undefined>((userOptions) => {
 
     load(id) {
       if (id.startsWith(resolvedVirtualModuleId)) {
-        const s = new MagicString(`export const links = ${JSON.stringify(getHeadLinkTags(options, root))};\n`)
+        const tags = getHeadLinkTags(options, root)
+        const s = new MagicString(`export const links = ${JSON.stringify(tags)};\n`)
 
         return {
           code: s.toString(),