astro-pure 1.2.9 → 1.3.1

package/components/advanced/QRCode.astro

@@ -10,12 +10,12 @@ const { content, class: className, ...props } = Astro.props
 <script is:inline define:vars={{ content }}>
   const renderContent = content ?? window.location.href
   // Load qrcode
-  function loadqrcode(qrcodeContainer) {
+  function loadQRcode(qrcodeContainer) {
     if (!qrcodeContainer) throw new Error('qrcode container not found')
     if (qrcodeContainer.innerHTML !== '') return
     new QRCode(qrcodeContainer, renderContent)
   }
   const qrcodeContainer = document.getElementById('qrcode-container')
   if (!qrcodeContainer) throw new Error('qrcode container not found')
-  loadqrcode(qrcodeContainer)
+  loadQRcode(qrcodeContainer)
 </script>

package/components/basic/Footer.astro

@@ -3,7 +3,6 @@ import config from 'virtual:config'
 
 import { Icon } from '../user'
 
-const year = new Date().getFullYear()
 const footerConf = config.footer
 let social = footerConf.social || {}
 
@@ -39,7 +38,7 @@ const footerLink1 = footerConf.links?.filter(({ pos }) => pos === 1) || []
         }
         {/* Position 2 */}
         <div>
-          © {year}
+          {config.footer.year}
           {config.author}
           {
             footerConf.links && footerConf.links.length > 0 && (

package/components/basic/Header.astro

@@ -5,7 +5,7 @@ import { Icon } from '../user'
 ---
 
 <header-component
-  class='group sticky top-4 z-30 mb-12 flex items-center justify-between rounded-xl border border-transparent max-sm:py-1 sm:rounded-2xl'
+  class='group sticky top-4 z-30 md:z-50 mb-12 flex items-center justify-between rounded-xl border border-transparent max-sm:py-1 sm:rounded-2xl'
 >
   <a
     class='z-30 text-xl font-semibold group-[.not-top]:ms-2 sm:group-[.not-top]:ms-3'
@@ -17,7 +17,7 @@ import { Icon } from '../user'
   <div class='flex items-center gap-x-2'>
     {/* Menu links */}
     <div
-      id='headerExpandConetent'
+      id='headerExpandContent'
       class='end-0 start-0 top-12 grid border border-transparent group-[.not-top]:rounded-xl group-[.expanded]:opacity-100 dark:group-[.expanded.not-top]:bg-muted max-sm:absolute max-sm:opacity-0 max-sm:group-[.not-top]:border-border max-sm:group-[.expanded.not-top]:bg-background max-sm:group-[.not-top]:px-4 max-sm:group-[.not-top]:py-2 sm:grid-rows-1'
     >
       <div class='flex flex-col items-center justify-center overflow-hidden sm:flex-row'>
@@ -148,7 +148,7 @@ import { Icon } from '../user'
 
   /* header menu */
   @media (max-width: 640px) {
-    #headerExpandConetent {
+    #headerExpandContent {
       grid-template-rows: 0fr;
       transition:
         opacity 0.3s,
@@ -156,10 +156,10 @@ import { Icon } from '../user'
         border-color 0.15s,
         grid-template-rows 0.3s;
     }
-    .expanded #headerExpandConetent {
+    .expanded #headerExpandContent {
       grid-template-rows: 1fr;
     }
-    .expanded.not-top #headerExpandConetent {
+    .expanded.not-top #headerExpandContent {
       box-shadow:
         rgb(255, 255, 255) 0px 0px 0px 0px,
         rgba(24, 24, 27, 0.08) 0px 0px 0px 1px,
@@ -168,7 +168,7 @@ import { Icon } from '../user'
     }
 
     /* header component after */
-    header-component #headerExpandConetent::after {
+    header-component #headerExpandContent::after {
       box-sizing: content-box;
       content: '';
       position: absolute;
@@ -181,7 +181,7 @@ import { Icon } from '../user'
       opacity: 0;
       border-bottom: 1px solid transparent;
     }
-    header-component:not(.not-top) #headerExpandConetent::after {
+    header-component:not(.not-top) #headerExpandContent::after {
       visibility: visible;
       bottom: -1rem;
       opacity: 1;

package/components/pages/TOC.astro

@@ -90,7 +90,7 @@ const toc = generateToc(headings)
               (i == this.tocLinks.length - 1 ||
                 !this.headingProgress[this.tocLinks[i + 1]?.slug].inView)
           )
-          bar.classList.toggle('readed', !inView && progress == 1)
+          bar.classList.toggle('is-read', !inView && progress == 1)
           bar.classList.toggle('highlight-bg', inView)
           bar.style.setProperty('height', `${progress * 90}%`)
         }

package/components/pages/TOCHeading.astro

@@ -16,12 +16,12 @@ const text = rawText.endsWith('#') ? rawText.slice(0, -1) : rawText
 <li>
   <div class='relative'>
     <span
-      class='absolute top-[5%] w-[2px] rounded transition-colors duration-300 [&.highlight-bg]:bg-primary [&.readed]:bg-input'
+      class='absolute top-[5%] w-[2px] rounded transition-colors duration-300 [&.highlight-bg]:bg-primary [&.is-read]:bg-input'
     ></span>
     <a
       aria-label={`Scroll to section: ${text}`}
       class={cn(
-        'toc-item line-clamp-2 px-3 py-1 ms-2 text-foreground/75 transition-all hover:text-foreground [&.highlight]:font-medium [&.highlight]:text-primary [&.readed]:text-input [&.highlight-bg-translucent]:bg-muted',
+        'toc-item line-clamp-2 px-3 py-1 ms-2 text-foreground/75 transition-all hover:text-foreground [&.highlight]:font-medium [&.highlight]:text-primary [&.is-read]:text-input [&.highlight-bg-translucent]:bg-muted',
         depth > 2 && 'ps-7'
       )}
       href={`#${slug}`}>{text}</a

package/components/user/Collapse.astro

@@ -45,7 +45,7 @@ const { class: className, title, ...props } = Astro.props
       </div>
     </div>
     <div
-      class='expand-conetent grid opacity-0 transition-all duration-300 ease-in-out group-[.expanded]/expand:mb-3 group-[.expanded]/expand:opacity-100 sm:group-[.expanded]/expand:mb-4'
+      class='expand-content grid opacity-0 transition-all duration-300 ease-in-out group-[.expanded]/expand:mb-3 group-[.expanded]/expand:opacity-100 sm:group-[.expanded]/expand:mb-4'
     >
       <div class='overflow-hidden'>
         <slot />
@@ -72,10 +72,10 @@ const { class: className, title, ...props } = Astro.props
 </script>
 
 <style>
-  .expand-conetent {
+  .expand-content {
     grid-template-rows: 0fr;
   }
-  .expanded .expand-conetent {
+  .expanded .expand-content {
     grid-template-rows: 1fr;
   }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-pure",
-  "version": "1.2.9",
+  "version": "1.3.1",
   "description": "A simple, clean but powerful blog theme build by astro.",
   "type": "module",
   "author": "CWorld",

package/types/integrations-config.ts

@@ -29,7 +29,11 @@ export const IntegrationConfigSchema = () =>
       /** The class to apply to the typography. */
       class: z
         .string()
-        .default('prose prose-pure dark:prose-invert dark:prose-pure prose-headings:font-medium')
+        .default('prose prose-pure dark:prose-invert dark:prose-pure prose-headings:font-medium'),
+      /** The style of blockquote font, normal or italic. */
+      blockquoteStyle: z.enum(['normal', 'italic']).default('italic'),
+      /** The style of inline code block, code or modern. */
+      inlineCodeBlockStyle: z.enum(['code', 'modern']).default('modern')
     }),
 
     /** A lightbox library that can add zoom effect */

package/types/theme-config.ts

@@ -119,6 +119,8 @@ export const ThemeConfigSchema = () =>
 
     /** Configure the footer of your site. */
     footer: z.object({
+      /** The footer content for your site. */
+      year: z.string().describe('The footer content for your site.'),
       /** The footer links for your site. */
       links: z
         .array(