chore: bump dependencies (#318)

* chore: bump dependencies
* fix: docs
* fix: pages & rive

---------

Signed-off-by: Neko Ayaka <neko@ayaka.moe>

Author: nekomeowww

docs/.vitepress/config.ts

@@ -1,16 +1,16 @@
 import { argv, cwd, env } from 'node:process'
 
-import { gray } from 'colorette'
-import { type DefaultTheme, defineConfig } from 'vitepress'
-import MarkdownItFootnote from 'markdown-it-footnote'
-import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
-
 import { BiDirectionalLinks } from '@nolebase/markdown-it-bi-directional-links'
-import { InlineLinkPreviewElementTransform } from '@nolebase/vitepress-plugin-inline-link-preview/markdown-it'
-import { buildEndGenerateOpenGraphImages } from '@nolebase/vitepress-plugin-og-image/vitepress'
 import { UnlazyImages } from '@nolebase/markdown-it-unlazy-img'
+import { InlineLinkPreviewElementTransform } from '@nolebase/vitepress-plugin-inline-link-preview/markdown-it'
 import { transformHeadMeta } from '@nolebase/vitepress-plugin-meta/vitepress'
 
+import { buildEndGenerateOpenGraphImages } from '@nolebase/vitepress-plugin-og-image/vitepress'
+import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import { gray } from 'colorette'
+import MarkdownItFootnote from 'markdown-it-footnote'
+import { type DefaultTheme, defineConfig } from 'vitepress'
+
 import packageJSON from '../../package.json'
 import { compilerOptions } from './twoslashConfig'
 

docs/.vitepress/theme/components/IntegrationCard.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useData } from 'vitepress'
-import VitePressLogo from '../assets/vitepress-logo-large.webp'
 import ObsidianLogo from '../assets/obsidian-logo.svg'
+import VitePressLogo from '../assets/vitepress-logo-large.webp'
 
 const props = withDefaults(defineProps<{
   type: IntegrationType

docs/.vitepress/theme/components/ThumbhashPreview.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
+import { useClipboard } from '@vueuse/core'
 import { rgbaToThumbHash } from 'thumbhash'
 import { createPngDataUri } from 'unlazy/thumbhash'
-import { useClipboard } from '@vueuse/core'
+import { computed, onMounted, ref, watch } from 'vue'
 
 const props = withDefaults(defineProps<{
   thumbhashText: string
@@ -12,7 +12,7 @@ const props = withDefaults(defineProps<{
   clearInputThumbhashText: string
   inputThumbhashPlaceholder: string
   previewThumbhashText: string
-  demoImageUrl: string
+  demoImageUrl?: string
 }>(), {
   thumbhashText: 'Select image to generate thumbhash',
   applyThumbhashText: 'Apply Thumbhash',
@@ -21,7 +21,7 @@ const props = withDefaults(defineProps<{
   clearInputThumbhashText: 'Clear thumbhash',
   inputThumbhashPlaceholder: 'Input Thumbhash base64...',
   previewThumbhashText: 'Input Thumbhash to preview',
-  demoImageBase64Url: '',
+  demoImageUrl: '',
 })
 
 const thumbhash = ref('')
@@ -45,7 +45,7 @@ watch(() => thumbhash.value, async (val) => {
     dataUri.value = createPngDataUri(val)
     thumbhashErrored.value = false
   }
-  catch (err) {
+  catch {
     thumbhashErrored.value = true
     return ''
   }

docs/.vitepress/theme/components/VPHeroImageLogo.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { useMediaQuery } from '@vueuse/core'
 import { useMotion } from '@vueuse/motion'
 
-import { useMediaQuery } from '@vueuse/core'
-import VitePressLogo from '../assets/vitepress-logo-large.webp'
+import { ref } from 'vue'
 import ObsidianLogo from '../assets/obsidian-logo.svg'
+import VitePressLogo from '../assets/vitepress-logo-large.webp'
 import VPHeroImageLayer from './VPHeroImageLogoLayer.vue'
 
 const layer1Ref = ref<HTMLDivElement>()
@@ -97,7 +97,8 @@ refs.forEach((ref, index) => {
     initial: {
       scale: 1,
       y: ref[key].initial.y,
-      transform: 'rotateX(50deg) rotateZ(-45deg)',
+      rotateX: '50deg',
+      rotateZ: '-45deg',
     },
     enter: {
       y: ref[key].enter.y,
@@ -125,15 +126,14 @@ refs.forEach((ref, index) => {
 </script>
 
 <template>
-  <div relative h="60 <lg:55 <md:50 <sm:45" w="60 <lg:55 <md:50 <sm:45" m-auto>
+  <div relative class="h-60 w-60 <lg:h-55 <lg:w-55 <md:h-50 <md:w-50 <sm:h-45 <sm:w-45" m-auto>
     <ClientOnly>
       <VPHeroImageLayer ref="layer1Ref" class="layer-1" z="4" shadow-md>
         <div
           left="8 <md:7 <sm:7"
           top="<md:7 <sm:6"
           absolute
-          h="44 <lg:40 <md:36 <sm:32"
-          w="44 <lg:40 <md:36 <sm:32"
+          class="h-44 w-44 <lg:h-40 <lg:w-40 <md:h-36 <md:w-36 <sm:h-32 <sm:w-32"
           z="1"
         >
           <div i-fluent-emoji:notebook-with-decorative-cover h-full w-full />

docs/.vitepress/theme/index.ts

@@ -1,17 +1,17 @@
-import { type Plugin, h } from 'vue'
-
-import { MotionPlugin } from '@vueuse/motion'
-import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
-
 import { NuLazyTeleportRiveCanvas } from '@nolebase/ui-rive-canvas'
+
 import { defineThemeUnconfig } from '@nolebase/unconfig-vitepress'
 import { NolebasePluginPreset } from '@nolebase/unconfig-vitepress/plugins'
 
-import VPHeroImageLogo from './components/VPHeroImageLogo.vue'
-import IntegrationCard from './components/IntegrationCard.vue'
+import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
+import { MotionPlugin } from '@vueuse/motion'
+import { h, type Plugin } from 'vue'
+
 import HomeContent from './components/HomeContent.vue'
-import ThumbhashPreview from './components/ThumbhashPreview.vue'
+import IntegrationCard from './components/IntegrationCard.vue'
 import NavHeader from './components/NavHeader.vue'
+import ThumbhashPreview from './components/ThumbhashPreview.vue'
+import VPHeroImageLogo from './components/VPHeroImageLogo.vue'
 
 import 'virtual:uno.css'
 

docs/package.json

@@ -11,11 +11,11 @@
     "docs:preview": "vitepress preview"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.1.36",
-    "@iconify-json/fluent-emoji": "^1.1.18",
-    "@iconify-json/icon-park-outline": "^1.1.15",
-    "@iconify-json/octicon": "^1.1.56",
-    "@iconify-json/svg-spinners": "^1.1.2",
+    "@iconify-json/carbon": "^1.2.2",
+    "@iconify-json/fluent-emoji": "^1.2.1",
+    "@iconify-json/icon-park-outline": "^1.2.1",
+    "@iconify-json/octicon": "^1.2.1",
+    "@iconify-json/svg-spinners": "^1.2.1",
     "@nolebase/markdown-it-bi-directional-links": "workspace:^",
     "@nolebase/markdown-it-element-transform": "workspace:^",
     "@nolebase/markdown-it-unlazy-img": "workspace:^",
@@ -33,19 +33,19 @@
     "@nolebase/vitepress-plugin-og-image": "workspace:^",
     "@nolebase/vitepress-plugin-page-properties": "workspace:^",
     "@nolebase/vitepress-plugin-thumbnail-hash": "workspace:^",
-    "@rive-app/canvas": "^2.19.6",
+    "@rive-app/canvas": "^2.21.5",
     "@rollup/plugin-yaml": "^4.1.2",
-    "@shikijs/vitepress-twoslash": "^1.12.0",
-    "@types/markdown-it": "^14.1.1",
+    "@shikijs/vitepress-twoslash": "^1.22.0",
+    "@types/markdown-it": "^14.1.2",
     "@types/markdown-it-footnote": "^3.0.4",
-    "@vueuse/motion": "^2.2.3",
-    "asciinema-player": "^3.8.0",
+    "@vueuse/motion": "^2.2.5",
+    "asciinema-player": "^3.8.1",
     "colorette": "^2.0.20",
     "markdown-it": "^14.1.0",
     "markdown-it-footnote": "^4.0.0",
     "motion": "^10.18.0",
     "thumbhash": "^0.1.1",
     "unlazy": "^0.11.3",
-    "vite-plugin-vue-devtools": "^7.3.7"
+    "vite-plugin-vue-devtools": "^7.4.6"
   }
 }

docs/pages/en/integrations/vitepress-plugin-thumbnail-hash/index.md

@@ -22,7 +22,7 @@ It is ok to replace to your image, or try to edit the thumbhash base64.
   clear-input-thumbhash-text="Clear thumbhash"
   input-thumbhash-placeholder="Input Thumbhash base64..."
   preview-thumbhash-text="Input Thumbhash to preview"
-  demo-image-url="/foxtail field.jpg"
+  demo-image-url="/thumbhash-test-image.jpg"
 />
 
 The generated thumbhash base64 will be like this:

docs/pages/zh-CN/integrations/vitepress-plugin-thumbnail-hash/index.md

@@ -22,7 +22,7 @@ import packageJSON from '~/packages/vitepress-plugin-thumbnail-hash/package.json
   clear-input-thumbhash-text="清空已输入的 Thumbhash"
   input-thumbhash-placeholder="输入 base64 编码的 Thumbhash..."
   preview-thumbhash-text="输入 Thumbhash 以预览"
-  demo-image-url="/foxtail field.jpg"
+  demo-image-url="/thumbhash-test-image.jpg"
 />
 
 生成的 Thumbhash base64 将如下所示：

docs/public/foxtail field.jpg docs/public/thumbhash-test-image.jpgdocs/public/foxtail field.jpg renamed to docs/public/thumbhash-test-image.jpg

@@ -1,17 +1,17 @@
+import type { Plugin } from 'vite'
 import { dirname, join, resolve } from 'node:path'
-import { fileURLToPath } from 'node:url'
 import { env } from 'node:process'
 
-import { defineConfig } from 'vite'
-import type { Plugin } from 'vite'
-import UnoCSS from 'unocss/vite'
-import Inspect from 'vite-plugin-inspect'
-import Yaml from '@rollup/plugin-yaml'
-import VueDevTools from 'vite-plugin-vue-devtools'
-
+import { fileURLToPath } from 'node:url'
 import { GitChangelog, GitChangelogMarkdownSection } from '@nolebase/vitepress-plugin-git-changelog/vite'
 import { PageProperties, PagePropertiesMarkdownSection } from '@nolebase/vitepress-plugin-page-properties/vite'
 import { ThumbnailHashImages } from '@nolebase/vitepress-plugin-thumbnail-hash/vite'
+import Yaml from '@rollup/plugin-yaml'
+import UnoCSS from 'unocss/vite'
+
+import { defineConfig } from 'vite'
+import Inspect from 'vite-plugin-inspect'
+import VueDevTools from 'vite-plugin-vue-devtools'
 
 function getVueProdHydrationMismatchDetailsFlag() {
   if (!env) {