feat: align with upstream 1.5.9.9

app/composables/useThemeImage.ts

@@ -0,0 +1,37 @@
+/**
+ * 主题图片 composable。
+ * 提供与主题绑定的 SVG 图片路径，方便组件根据当前主题选择正确的图片。
+ *
+ * 图片存放在 public/themes/{ClassicDark,ClassicLight}/ 目录下，运行时通过 data-theme attribute 动态选择。
+ */
+import { useTheme } from '~/composables/useTheme'
+
+export function useThemeImage() {
+  const { currentTheme } = useTheme()
+
+  /** 获取指定键名的主题 SVG 路径 */
+  function getThemeSvg(key: string) {
+    return `/themes/${currentTheme.value}/${key}`
+  }
+
+  /** 获取 Logo SVG 路径 */
+  function getLogo() {
+    return getThemeSvg('logo.svg')
+  }
+
+  /** 获取搜索图标 SVG 路径 */
+  function getSearchIcon() {
+    return getThemeSvg('search.svg')
+  }
+
+  /** 获取点赞图标 SVG 路径 */
+  function getThumbsUpIcon() {
+    return getThemeSvg('thumbs-up.svg')
+  }
+
+  return {
+    getLogo,
+    getSearchIcon,
+    getThumbsUpIcon
+  }
+}