feat: rebuild theme-default

.eslintrc.cjs

@@ -20,6 +20,13 @@ module.exports = {
         'vue/match-component-file-name': 'off',
       },
     },
+    {
+      files: ['themes/**/*.vue'],
+      rules: {
+        'vue/no-v-html': 'off',
+        'vue/no-v-text-v-html-on-component': 'off',
+      },
+    },
     {
       files: ['tools/create-vuepress/**/*.vue'],
       rules: {

.vscode/settings.json

@@ -10,6 +10,7 @@
   "[markdown]": {
     "files.trimTrailingWhitespace": false
   },
+  "prettier.enable": true,
   "typescript.tsdk": "node_modules/typescript/lib",
   "eslint.validate": [
     "javascript",

docs-next/.vuepress/client.ts

@@ -0,0 +1,71 @@
+import { defineGiscusConfig } from '@vuepress/plugin-comment/client'
+import { defineDocSearchConfig } from '@vuepress/plugin-docsearch/client'
+import { defineClientConfig } from 'vuepress/client'
+import type { ClientConfig } from 'vuepress/client'
+import CommentPage from './layouts/CommentPage.vue'
+
+import './styles/index.scss'
+
+defineGiscusConfig({
+  repo: 'vuepress/ecosystem',
+  repoId: 'R_kgDOKPxScA',
+  category: 'Announcements',
+  categoryId: 'DIC_kwDOKPxScM4CbWy7',
+})
+
+defineDocSearchConfig({
+  appId: 'N7UOPMVZ5B',
+  apiKey: 'aa626dfa43a5e32cd519ba84735ad384',
+  indexName: 'ecosystem-vuejs',
+  locales: {
+    '/zh/': {
+      placeholder: '搜索文档',
+      translations: {
+        button: {
+          buttonText: '搜索文档',
+          buttonAriaLabel: '搜索文档',
+        },
+        modal: {
+          searchBox: {
+            resetButtonTitle: '清除查询条件',
+            resetButtonAriaLabel: '清除查询条件',
+            cancelButtonText: '取消',
+            cancelButtonAriaLabel: '取消',
+          },
+          startScreen: {
+            recentSearchesTitle: '搜索历史',
+            noRecentSearchesText: '没有搜索历史',
+            saveRecentSearchButtonTitle: '保存至搜索历史',
+            removeRecentSearchButtonTitle: '从搜索历史中移除',
+            favoriteSearchesTitle: '收藏',
+            removeFavoriteSearchButtonTitle: '从收藏中移除',
+          },
+          errorScreen: {
+            titleText: '无法获取结果',
+            helpText: '你可能需要检查你的网络连接',
+          },
+          footer: {
+            selectText: '选择',
+            navigateText: '切换',
+            closeText: '关闭',
+            searchByText: '搜索提供者',
+          },
+          noResultsScreen: {
+            noResultsText: '无法找到相关结果',
+            suggestedQueryText: '你可以尝试查询',
+            reportMissingResultsText: '你认为该查询应该有结果？',
+            reportMissingResultsLinkText: '点击反馈',
+          },
+        },
+      },
+    },
+  },
+})
+
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+export default defineClientConfig({
+  layouts: {
+    // We override the default layout to provide comment service
+    CommentPage,
+  },
+}) as ClientConfig

docs-next/.vuepress/components/NpmBadge.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps({
+  package: {
+    type: String,
+    required: true,
+  },
+  distTag: {
+    type: String,
+    required: false,
+    default: 'next',
+  },
+})
+
+const badgeLink = computed(
+  () => `https://www.npmjs.com/package/${props.package}/v/next`,
+)
+const badgeLabel = computed(() => {
+  if (props.distTag) {
+    return `${props.package}@${props.distTag}`
+  }
+  return props.package
+})
+const badgeImg = computed(
+  () =>
+    `https://badgen.net/npm/v/${props.package}/${
+      props.distTag
+    }?label=${encodeURIComponent(badgeLabel.value)}`,
+)
+</script>
+
+<template>
+  <p>
+    <a
+      class="npm-badge no-icon"
+      :href="badgeLink"
+      :title="package"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <img :src="badgeImg" :alt="package" />
+    </a>
+  </p>
+</template>
+
+<style scoped>
+.npm-badge {
+  margin-right: 0.5rem;
+}
+</style>

docs-next/.vuepress/config.ts

@@ -0,0 +1,92 @@
+import { createRequire } from 'node:module'
+import process from 'node:process'
+import { footnote } from '@mdit/plugin-footnote'
+import { viteBundler } from '@vuepress/bundler-vite'
+import { webpackBundler } from '@vuepress/bundler-webpack'
+import { catalogPlugin } from '@vuepress/plugin-catalog'
+import { commentPlugin } from '@vuepress/plugin-comment'
+import { docsearchPlugin } from '@vuepress/plugin-docsearch'
+import { feedPlugin } from '@vuepress/plugin-feed'
+import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
+import { defineUserConfig } from 'vuepress'
+import type { UserConfig } from 'vuepress'
+import { /* getDirname, */ path } from 'vuepress/utils'
+import { head } from './configs/index.js'
+import theme from './theme.js'
+
+// const __dirname = getDirname(import.meta.url)
+const require = createRequire(import.meta.url)
+
+// const isProd = process.env.NODE_ENV === 'production'
+
+export default defineUserConfig({
+  // set site base to default value
+  base: (process.env.BASE as `/${string}/` | '/') || '/',
+  lang: 'en-US',
+
+  // extra tags in `<head>`
+  head,
+
+  // site-level locales config
+  locales: {
+    '/': {
+      lang: 'en-US',
+      title: 'VuePress Ecosystem',
+      description: 'VuePress official themes and plugins',
+    },
+    '/zh/': {
+      lang: 'zh-CN',
+      title: 'VuePress 生态系统',
+      description: 'VuePress 官方主题和插件',
+    },
+  },
+
+  // specify bundler via environment variable
+  bundler:
+    process.env.DOCS_BUNDLER === 'webpack' ? webpackBundler() : viteBundler(),
+
+  // configure markdown
+  markdown: {
+    code: {
+      lineNumbers: 10,
+    },
+    importCode: {
+      handleImportPath: (importPath) => {
+        // handle @vuepress packages import path
+        if (importPath.startsWith('@vuepress/')) {
+          const packageName = importPath.match(/^(@vuepress\/[^/]*)/)![1]
+          return importPath
+            .replace(
+              packageName,
+              path.dirname(require.resolve(`${packageName}/package.json`)),
+            )
+            .replace('/src/', '/lib/')
+            .replace(/hotKey\.ts$/, 'hotKey.d.ts')
+        }
+        return importPath
+      },
+    },
+  },
+
+  extendsMarkdown: (md) => {
+    md.use(footnote)
+  },
+
+  plugins: [
+    catalogPlugin(),
+    docsearchPlugin(),
+    commentPlugin({ provider: 'Giscus' }),
+    registerComponentsPlugin({
+      componentsDir: path.resolve(__dirname, './components'),
+    }),
+    feedPlugin({
+      hostname: 'https://ecosystem.vuejs.press',
+      atom: true,
+      json: true,
+      rss: true,
+    }),
+  ],
+
+  // configure default theme
+  theme,
+}) as UserConfig

docs-next/.vuepress/configs/head.ts

@@ -0,0 +1,40 @@
+import type { HeadConfig } from 'vuepress/core'
+
+export const head: HeadConfig[] = [
+  [
+    'link',
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '16x16',
+      href: `/images/icons/favicon-16x16.png`,
+    },
+  ],
+  [
+    'link',
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '32x32',
+      href: `/images/icons/favicon-32x32.png`,
+    },
+  ],
+  ['link', { rel: 'manifest', href: '/manifest.webmanifest' }],
+  ['meta', { name: 'application-name', content: 'VuePress' }],
+  ['meta', { name: 'apple-mobile-web-app-title', content: 'VuePress' }],
+  ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
+  [
+    'link',
+    { rel: 'apple-touch-icon', href: `/images/icons/apple-touch-icon.png` },
+  ],
+  [
+    'link',
+    {
+      rel: 'mask-icon',
+      href: '/images/icons/safari-pinned-tab.svg',
+      color: '#3eaf7c',
+    },
+  ],
+  ['meta', { name: 'msapplication-TileColor', content: '#3eaf7c' }],
+  ['meta', { name: 'theme-color', content: '#3eaf7c' }],
+]

docs-next/.vuepress/configs/index.ts

@@ -0,0 +1,3 @@
+export * from './head.js'
+export * from './navbar/index.js'
+export * from './sidebar/index.js'

docs-next/.vuepress/configs/navbar/en.ts

@@ -0,0 +1,98 @@
+import type { NavItem } from '@vuepress/theme-default'
+
+export const navbarEn: NavItem[] = [
+  {
+    text: 'Themes',
+    items: [
+      {
+        text: 'Default Theme',
+        link: '/themes/default/',
+      },
+      {
+        text: 'Hope Theme',
+        link: 'https://theme-hope.vuejs.press',
+      },
+      {
+        text: 'Plume Theme',
+        link: 'https://theme-plume.vuejs.press',
+      },
+    ],
+  },
+  {
+    text: 'Plugins',
+    activeMatch: '^/plugins/',
+    items: [
+      {
+        text: 'Common Features',
+        items: [
+          '/plugins/append-date',
+          '/plugins/back-to-top',
+          '/plugins/catalog',
+          '/plugins/copy-code',
+          '/plugins/copyright',
+          '/plugins/medium-zoom',
+          '/plugins/notice',
+          '/plugins/nprogress',
+          '/plugins/photo-swipe',
+          '/plugins/redirect',
+          '/plugins/register-components',
+          '/plugins/watermark',
+        ],
+      },
+      {
+        text: 'Markdown',
+        items: ['/plugins/markdown-container', '/plugins/links-check'],
+      },
+      {
+        text: 'Search',
+        items: ['/plugins/docsearch', '/plugins/search'],
+      },
+      {
+        text: 'Blogging',
+        items: ['/plugins/blog/', '/plugins/comment/', '/plugins/feed/'],
+      },
+      {
+        text: 'PWA',
+        items: ['/plugins/pwa/', '/plugins/remove-pwa'],
+      },
+      {
+        text: 'SEO',
+        items: [
+          '/plugins/baidu-analytics',
+          '/plugins/google-analytics',
+          '/plugins/google-tag-manager',
+          '/plugins/seo/',
+          '/plugins/sitemap/',
+          '/plugins/umami-analytics',
+        ],
+      },
+      {
+        text: 'Syntax Highlighting',
+        items: ['/plugins/prismjs', '/plugins/shiki'],
+      },
+      {
+        text: 'Theme Development',
+        items: [
+          '/plugins/active-header-links',
+          '/plugins/git',
+          '/plugins/palette',
+          '/plugins/reading-time',
+          '/plugins/rtl',
+          '/plugins/sass-palette/',
+          '/plugins/theme-data',
+          '/plugins/toc',
+        ],
+      },
+    ],
+  },
+  {
+    text: 'Tools',
+    activeMatch: '^/tools/',
+    items: [
+      {
+        text: 'helper',
+        link: '/tools/helper/',
+      },
+    ],
+  },
+]

docs-next/.vuepress/configs/navbar/index.ts

@@ -0,0 +1,2 @@
+export * from './zh.js'
+export * from './en.js'