fix build error

Author: CatCodeMe

packages/pure/components/advanced/Mermaid.astro

@@ -487,7 +487,7 @@ import config from 'virtual:config'
   })
 
   // 监听系统主题变化
-  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', async (e) => {
+  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', async () => {
     if (document.documentElement.dataset.theme === 'system') {
       await initializeMermaid()
       await renderMermaidDiagrams()

packages/pure/components/advanced/QRCode.astro

@@ -1,7 +1,4 @@
 ---
-import type { CollectionEntry } from 'astro:content'
-import config from 'virtual:config'
-
 import avatar from '@/assets/avatar.jpeg'
 
 interface Props {
@@ -25,7 +22,7 @@ const redirect_from = remarkPluginFrontmatter?.redirect_from as string | string[
 <div id='qrcode-overlay' class='fixed inset-0 z-[4] hidden'></div>
 <div id='qrcode-container' class={className} {...props}></div>
 
-<script define:vars={{ content, avatarUrl: avatar.src, circular, redirect_from }}>
+<script is:inline define:vars={{ content, avatarUrl: avatar.src, circular, redirect_from }}>
   function loadScript(src) {
     return new Promise((resolve, reject) => {
       const script = document.createElement('script')

packages/pure/components/basic/Footer.astro

@@ -1,5 +1,4 @@
 ---
-import pkg from '@root/package.json'
 import { Icon as DevIcon } from 'astro-icon/components'
 import config from 'virtual:config'
 
@@ -15,7 +14,6 @@ social.rss = {
 }
 
 const footerLink1 = footerConf.links?.filter(({ pos }) => pos === 1) || []
-const version = pkg.version
 ---
 
 <footer class='mx-auto mb-5 mt-16'>

packages/pure/components/pages/Copyright.astro

@@ -184,7 +184,7 @@ const showToastStr = showToast.toString()
   </a>
 </div>
 
-<script define:vars={{ redirect_from, showToastStr }}>
+<script is:inline define:vars={{ redirect_from, showToastStr }}>
   // 在客户端重建 showToast 函数
   const showToast = new Function(`return ${showToastStr}`)()
 

packages/pure/components/pages/Paper.astro

@@ -27,7 +27,7 @@ type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
 }
 
 const { as: Tag = 'div', paper, class: className } = Astro.props
-const { id, data, index } = paper
+const { data } = paper
 const starCount = data.star ? Math.min(Math.max(data.star, 0), 5) : 0
 ---
 

src/components/Comment.astro

@@ -5,7 +5,7 @@ const giscus = config.integ.giscus;
 
 {giscus && giscus.enable && (
   <div class="giscus-container">
-    <script src="https://giscus.app/client.js"
+    <script is:inline src="https://giscus.app/client.js"
       data-repo={giscus.repo}
       data-repo-id={giscus.repoId}
       data-category={giscus.category}

src/components/InnerLinkPreview.astro

@@ -429,7 +429,7 @@
       // 监听系统主题变化
       window
         .matchMedia('(prefers-color-scheme: dark)')
-        .addEventListener('change', async (e: MediaQueryListEvent) => {
+        .addEventListener('change', async () => {
           if (document.documentElement.dataset.theme === 'system') {
             await this.initializeMermaid()
             if (this.content) {

src/components/InteractiveBentoGallery.astro

@@ -87,7 +87,7 @@ const { mediaItems } = Astro.props;
   }
 </style>
 
-<script define:vars={{ mediaItems }}>
+<script is:inline define:vars={{ mediaItems }}>
   document.addEventListener('DOMContentLoaded', () => {
     const galleryContainer = document.getElementById('bento-gallery-container');
     const modalContainer = document.getElementById('gallery-modal-container');

src/components/toc/AccordionTOC.astro

@@ -318,7 +318,7 @@ const { headings, position = 'left', class: className } = Astro.props
   }
 </style>
 
-<script define:vars={{ headings }}>
+<script is:inline define:vars={{ headings }}>
   class AccordionTOC {
     constructor(headingsData) {
       this.toc = document.getElementById('toc')

src/layouts/BaseLayout.astro

@@ -60,6 +60,6 @@ const {
         ) !important;
       }
     </style>
-    <script defer src='https://events.vercount.one/js'></script>
+    <script is:inline defer src='https://events.vercount.one/js'></script>
   </body>
 </html>