meteorlxy / vssue

:mailbox: A Vue-powered Issue-based Comment Plugin
https://vssue.js.org
MIT License
775 stars 105 forks source link

[Bug Report] VuePress register the component correctly? #125

Closed GpingFeng closed 3 years ago

GpingFeng commented 3 years ago

Environment

Describe the bug

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

package.json

{
  "name": "Gopal-blog",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  },
  "devDependencies": {
    "@mr-hope/vuepress-plugin-comment": "^1.9.6",
    "@vuepress/plugin-back-to-top": "^1.8.1",
    "@vuepress/plugin-nprogress": "^1.8.1",
    "vuepress": "^1.8.1"
  },
  "dependencies": {
    "@vssue/api-github-v3": "^1.4.7",
    "@vssue/api-github-v4": "^1.4.7",
    "@vssue/vuepress-plugin-vssue": "^1.4.7",
    "vssue": "^1.4.7"
  }
}

.vuepress/config.js

module.exports = {
  title: 'Gopal 的博客',
  base: '/gopal-blog/',
  description:
    '专注前端干货。包括但不限于面试、前端进阶、最新资讯、工程化、性能优化、工具资源',
  // 设置导航栏 Nav
  themeConfig: {
    nav: [
      { text: '主页', link: '/' },
      { text: 'node', link: '/node/' },
      // 二级导航栏
      {
        text: '前端',
        items: [
          { text: 'html', link: '/web/html/' },
          { text: 'css', link: '/web/css/' },
        ],
      },
      { text: '数据库', link: '/database/' },
      { text: 'android', link: '/android/' },
      { text: '面试问题', link: '/interview/' },
    ],
    sidebar: 'auto',
    displayAllHeaders: true,
    sidebar: {
      '/node/': [
        ['', 'node目录'],
        ['path', '作为前端也需要知道的路径知识'],
        // ['stream', 'node核心模块-stream'],
      ],
      '/web/': [
        ['', '前端'],
        {
          title: 'css',
          name: 'css',
          // collabsable: false,
          children: [
            ['css/', '目录'],
            ['css/1', 'css常考面试题'],
          ],
        },
      ],
    },
    plugins: {
      '@vssue/vuepress-plugin-vssue': {
        // 设置 `platform` 而不是 `api`
        platform: 'github',
        // 其他的 Vssue 配置
        owner: 'GpingFeng',
        repo: 'gopal-blog',
        clientId: 'xxx',
        clientSecret: 'XX',
      }
    },
  },
};

use

<Vssue title="Vssue Demo" />

Screenshots

image

meteorlxy commented 3 years ago

Please provide a reproduce repo

meteorlxy commented 3 years ago

Closing as there are no feedback