Merge branch 'main' into feat/yaml-frontmatter

Author: RYGRIT

.storybook/main.ts

@@ -1,7 +1,7 @@
 import type { StorybookConfig } from '@storybook-vue/nuxt'
 
 const config = {
-  stories: ['../.storybook/*.mdx', '../app/**/*.stories.@(js|ts)'],
+  stories: ['../app/**/*.stories.@(js|ts)'],
   addons: ['@storybook/addon-a11y', '@storybook/addon-docs', '@storybook/addon-themes'],
   framework: '@storybook-vue/nuxt',
   staticDirs: ['./.public'],

.storybook/manager.ts

@@ -1,19 +1,11 @@
 import { addons } from 'storybook/manager-api'
+import { create } from 'storybook/theming'
 
-import npmxDark from './theme'
+const npmxTheme = create({
+  brandTitle: 'npmx Storybook',
+  brandImage: '/npmx-storybook.svg',
+})
 
 addons.setConfig({
-  theme: npmxDark,
-  layoutCustomisations: {
-    showToolbar: (state, defaultValue) => {
-      if (state.viewMode === 'docs' && state.storyId) {
-        const story = state.index?.[state.storyId]
-        const tags = story?.tags || []
-        if (tags.includes('hide-toolbar')) {
-          return false
-        }
-      }
-      return defaultValue
-    },
-  },
+  theme: npmxTheme,
 })

.storybook/preview-head.html

@@ -4,8 +4,6 @@ import { currentLocales } from '../config/i18n'
 import { fn } from 'storybook/test'
 import { ACCENT_COLORS } from '../shared/utils/constants'
 
-import npmxDark from './theme'
-
 // related: https://github.com/npmx-dev/npmx.dev/blob/1431d24be555bca5e1ae6264434d49ca15173c43/test/nuxt/setup.ts#L12-L26
 // Stub Nuxt specific globals
 // @ts-expect-error - dynamic global name
@@ -27,9 +25,6 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
-    docs: {
-      theme: npmxDark,
-    },
   },
   // Provides toolbars to switch things like theming and language
   globalTypes: {

.storybook/preview.ts

@@ -79,7 +79,7 @@
     "main_navigation": "主页",
     "popular_packages": "热门软件包",
     "settings": "设置",
-    "compare": "比较包",
+    "compare": "包对比",
     "back": "返回",
     "menu": "菜单",
     "mobile_menu": "导航菜单",
@@ -289,7 +289,7 @@
       "view_source": "查看源代码"
     },
     "links": {
-      "main": "main",
+      "main": "主页",
       "repo": "仓库",
       "homepage": "主页",
       "issues": "议题",
@@ -1052,15 +1052,15 @@
   },
   "compare": {
     "packages": {
-      "title": "比较包",
-      "tagline": "并排比较 npm 包，帮助你选择合适的包。",
-      "meta_title": "比较 {packages} - npmx",
-      "meta_title_empty": "比较包 - npmx",
-      "meta_description": "并排比较 {packages}",
-      "meta_description_empty": "并排比较 npm 包，帮助你选择合适的包。",
+      "title": "包对比",
+      "tagline": "并排对比 npm 包，帮你选出最合适的。",
+      "meta_title": "对比 {packages} - npmx",
+      "meta_title_empty": "包对比 - npmx",
+      "meta_description": "并排对比 {packages}",
+      "meta_description_empty": "并排对比 npm 包，帮你选出最合适的。",
       "section_packages": "包",
       "section_facets": "维度",
-      "section_comparison": "比较",
+      "section_comparison": "对比",
       "copy_as_markdown": "复制为 Markdown",
       "loading": "正在加载包数据…",
       "error": "加载包数据失败。请重试。",