chore: upgrade gh-pages node version

.github/workflows/gh-pages.yml

@@ -19,7 +19,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '16'
 
       - name: Cache dependencies
         uses: actions/cache@v2

package.json

@@ -35,6 +35,7 @@
     "@iconify-json/icon-park-outline": "^1.1.12",
     "@iconify-json/mdi": "^1.1.54",
     "@iconify-json/ri": "^1.1.12",
+    "@iconify-json/simple-icons": "^1.1.66",
     "@intlify/unplugin-vue-i18n": "^0.12.3",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/node": "^20.5.1",

packages/fireworks/package.json

@@ -9,5 +9,10 @@
     "@ctrl/tinycolor": "^3.6.0",
     "@types/animejs": "^3.1.7",
     "animejs": "^3.2.1"
+  },
+  "homepage": "https://explosions.yunyoujun.cn/fireworks",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/YunYouJun/explosions"
   }
 }

playground/components/ExplosionCard.vue

@@ -44,29 +44,39 @@ const cardStyle = computed(() => {
 </script>
 
 <template>
-  <router-link
+  <div
     class="explosion-card w-90 cursor-pointer rounded p-5 shadow transition-shadow duration-300"
     hover="shadow-md"
     bg="opacity-80 gradient-to-br"
     m="2"
     :style="cardStyle"
-    :to="`/${explosion.name}`"
   >
-    <div v-if="explosion.emoji">
-      {{ explosion.emoji }}
-    </div>
-    <h2 class="text-lg" font="black" m="2">
-      {{ explosion.name || '忘记叫啥了' }}
-    </h2>
-    <small class="block" p="2" v-html="explosion.description || '说点什么好呢'" />
+    <NuxtLink :to="`/${explosion.name}`">
+      <div v-if="explosion.emoji">
+        {{ explosion.emoji }}
+      </div>
+      <h2 class="text-lg" font="black" m="2">
+        {{ explosion.name || '忘记叫啥了' }}
+      </h2>
+      <small class="block" p="2" v-html="explosion.description || '说点什么好呢'" />
+    </NuxtLink>
+
+    <div>
+      <router-link class="icon-btn" m="x-1" :to="`/${explosion.name}`">
+        <div i-ri-eye-line />
+      </router-link>
 
-    <router-link class="icon-btn" m="x-1" :to="`/${explosion.name}`">
-      <div i-ri-eye-line />
-    </router-link>
+      <router-link class="icon-btn" m="x-1" :to="`/${explosion.name}/about`">
+        <div i-ri-information-line />
+      </router-link>
+
+      <NuxtLink v-if="explosion.npm" 
+        class="icon-btn hover:text-red-600" m="x-1" 
+        :href="`https://npmjs.com/package/${explosion.npm}`" target="_blank">
+        <div i-ri-npmjs-line />
+      </NuxtLink>
+    </div>
 
-    <router-link class="icon-btn" m="x-1" :to="`/${explosion.name}/about`">
-      <div i-ri-information-line />
-    </router-link>
     <slot />
-  </router-link>
+  </div>
 </template>

playground/pages/about.vue

@@ -6,7 +6,7 @@
 
     <p text-left>
       <span>
-        <a class="text-2xl font-black font-serif" href="https://mzh.moegirl.org.cn/zh-hans/%E6%83%A0%E6%83%A0" target="_blank">
+        <a class="font-serif text-2xl font-black" href="https://mzh.moegirl.org.cn/zh-hans/%E6%83%A0%E6%83%A0" target="_blank">
           <span>惠惠</span>
         </a>
         是一个只能使用爆裂魔法，只想使用爆裂魔法的魔法师。喜欢的东西是爆裂魔法，特技是爆裂魔法，兴趣是爆裂魔法，唯一的真爱也是爆裂魔法。

playground/pages/badge-rotation/about.md

@@ -3,6 +3,7 @@ emoji: 🟣
 description: 徽章旋转实现
 color: "#6441a5"
 gradient: true
+npm: "@explosions/badge-rotation"
 ---
 
 # 关于

playground/pages/cube/index.vue

@@ -9,7 +9,7 @@ const cubeStyle = computed(() => {
 </script>
 
 <template>
-  <main class="container">
+  <main class="container" w-full>
     <div id="example-element" class="transition-all" :style="cubeStyle">
       <div class="front face">
         1

playground/pages/fireworks/about.md

@@ -3,4 +3,5 @@ emoji: 🎆
 description: 点击烟花特效
 color: "dodgerblue"
 gradient: true
+npm: "@explosions/fireworks"
 ---

scripts/update.ts

@@ -17,8 +17,11 @@ const indexes = folders.map((folder) => {
     const { data: frontmatter } = matter(md)
     info = Object.assign(info, frontmatter)
   }
-  catch {
-    logger.error(`${aboutMdPath} 不存在！`)
+  catch(e) {
+    console.log(e)
+    if (e.code !== 'ENOENT') {
+      logger.error(`读取 ${aboutMdPath} 失败！`)
+    }
   }
 
   return info