add @playform/inline to lazy load css

yeecord · Apr 26, 2024 · a2f24fb · a2f24fb
1 parent 3994dc1
commit a2f24fb
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 0 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -3,9 +3,11 @@ import react from "@astrojs/react";
 import sitemap from "@astrojs/sitemap";
 import tailwind from "@astrojs/tailwind";
 import compress from "@playform/compress";
+import playformInline from "@playform/inline";
 import robotsTxt from "astro-robots-txt";
 import { defineConfig, sharpImageService } from "astro/config";
 
+// https://astro.build/config
 export default defineConfig({
   site: "https://tools.yeecord.com",
   trailingSlash: "never",
@@ -23,6 +25,7 @@ export default defineConfig({
       sitemapBaseFileName: "sitemap-index",
     }),
     mdx(),
+    playformInline(),
   ],
   image: {
     service: sharpImageService(),

diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@astrojs/sitemap": "^3.1.2",
     "@astrojs/tailwind": "^5.1.0",
     "@playform/compress": "^0.0.2",
+    "@playform/inline": "^0.0.2",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-navigation-menu": "^1.1.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml