astro-pure 1.2.5 → 1.2.6

package/README.md

@@ -32,6 +32,8 @@ const config = {
 export default config
 ```
 
+UnoCSS is more recommended, and TailwindCSS method will be removed soon.
+
 See [User Components](https://astro-pure.js.org/docs/integrations/components) & [Advanced Components](https://astro-pure.js.org/docs/integrations/advanced) to learn how to use.
 
 > Some part of Advanced Components may require Astro Integration config.

package/components/pages/TOCHeading.astro

@@ -7,8 +7,10 @@ interface Props {
 }
 
 const {
-  heading: { depth, slug, subheadings, text }
+  heading: { depth, slug, subheadings, text: rawText }
 } = Astro.props
+// TODO: Temporary fix for the issue with the headings that end with link reference text
+const text = rawText.endsWith('#') ? rawText.slice(0, -1) : rawText
 ---
 
 <li>

package/index.ts

@@ -7,6 +7,7 @@ import type { AstroIntegration, RehypePlugins, RemarkPlugins } from 'astro'
 import mdx from '@astrojs/mdx'
 import sitemap from '@astrojs/sitemap'
 import rehypeExternalLinks from 'rehype-external-links'
+import UnoCSS from 'unocss/astro'
 
 import { remarkAddZoomable, remarkReadingTime } from './plugins/remark-plugins'
 import { vitePluginUserConfig } from './plugins/virtual-user-config'
@@ -37,6 +38,9 @@ export default function AstroPureIntegration(opts: UserInputConfig): AstroIntegr
         if (!allIntegrations.find(({ name }) => name === '@astrojs/mdx')) {
           integrations.push(mdx({ optimize: true }))
         }
+        if (!allIntegrations.find(({ name }) => name === 'unocss')) {
+          integrations.push(UnoCSS({ injectReset: true }))
+        }
 
         // Add supported remark plugins based on user config.
         if (userConfig.integ.mediumZoom.enable)
@@ -58,8 +62,6 @@ export default function AstroPureIntegration(opts: UserInputConfig): AstroIntegr
         // integrations.push(starlightDirectivesRestorationIntegration())
 
         // Add integrations immediately after Starlight in the config array.
-        // e.g. if a user has `integrations: [starlight(), tailwind()]`, then the order will be
-        // `[starlight(), expressiveCode(), sitemap(), mdx(), tailwind()]`.
         // This ensures users can add integrations before/after Starlight and we respect that order.
         const selfIndex = config.integrations.findIndex((i) => i.name === 'astro-pure')
         config.integrations.splice(selfIndex + 1, 0, ...integrations)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-pure",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "A simple, clean but powerful blog theme build by astro.",
   "type": "module",
   "author": "CWorld",
@@ -42,6 +42,7 @@
     "hast-util-select": "^6.0.3",
     "node-html-parser": "^7.0.1",
     "pagefind": "^1.2.0",
-    "rehype-external-links": "^3.0.0"
+    "rehype-external-links": "^3.0.0",
+    "unocss": "^65.4.3"
   }
 }

package/types/integrations-config.ts

@@ -24,7 +24,7 @@ export const IntegrationConfigSchema = () =>
       target: z.string()
     }),
 
-    /** Tailwindcss typography */
+    /** UnoCSS typography */
     typography: z.object({
       /** The class to apply to the typography. */
       class: z

package/utils/index.ts

@@ -3,7 +3,7 @@ export { default as clsx } from './clsx'
 export { default as mdastToString } from './mdast-util-to-string'
 export { default as getReadingTime } from './reading-time'
 
-// Tailwind cn
+// Class merge
 export { cn } from './class-merge'
 
 // Date