astro-pure 1.2.8 → 1.3.0

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/Header.astro

@@ -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/BackToTop.astro

@@ -5,13 +5,13 @@ const { header: headerName, content: contentName, needPercent = true } = Astro.p
 ---
 
 <div
-  class='z-90 group fixed bottom-8 end-4 transition-all flex flex-col gap-y-4 sm:end-8'
+  class='z-10 group fixed bottom-8 end-4 transition-all flex flex-col gap-y-4 sm:end-8'
   id='action-buttons'
 >
   <slot name='other-icons' />
   <button
     aria-label='Back to Top'
-    class='relative h-10 w-10 flex items-center justify-center rounded-full border-2 border-transparent bg-muted text-muted-foreground duration-300 hover:border-border/75 sm:size-12 opacity-0'
+    class='relative size-10 flex items-center justify-center rounded-full border-2 border-transparent bg-muted text-muted-foreground duration-300 hover:border-border/75 sm:size-12 opacity-0'
     id='to-top-btn'
   >
     <div
@@ -47,7 +47,6 @@ const { header: headerName, content: contentName, needPercent = true } = Astro.p
   } else {
     console.error(`Element with ID ${headerName} not found.`)
   }
-
   if (needPercent) {
     // scroll percentage
     const scrollHeight = articleElement.scrollHeight // total height

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.8",
+  "version": "1.3.0",
   "description": "A simple, clean but powerful blog theme build by astro.",
   "type": "module",
   "author": "CWorld",

package/bunfig.toml

@@ -1,2 +0,0 @@
-[install]
-registry = "https://registry.npmmirror.com/"