config.ts 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. const { description } = require("../../package");
  2. import { viteBundler } from '@vuepress/bundler-vite';
  3. import { defaultTheme, defineUserConfig } from "vuepress";
  4. import { registerComponentsPlugin } from "@vuepress/plugin-register-components";
  5. import path from "path";
  6. export default defineUserConfig({
  7. bundler: viteBundler({
  8. viteOptions: {},
  9. vuePluginOptions: {},
  10. }),
  11. /**
  12. * Ref:https://v1.vuepress.vuejs.org/config/#title
  13. */
  14. title: "vue-zoomable",
  15. base: "/vue-zoomable/",
  16. /**
  17. * Ref:https://v1.vuepress.vuejs.org/config/#description
  18. */
  19. description: description,
  20. /**
  21. * Extra tags to be injected to the page HTML `<head>`
  22. *
  23. * ref:https://v1.vuepress.vuejs.org/config/#head
  24. */
  25. head: [
  26. ["meta", { name: "theme-color", content: "#3eaf7c" }],
  27. ["meta", { name: "apple-mobile-web-app-capable", content: "yes" }],
  28. [
  29. "meta",
  30. { name: "apple-mobile-web-app-status-bar-style", content: "black" },
  31. ],
  32. ],
  33. /**
  34. * Theme configuration, here is the default theme configuration for VuePress.
  35. *
  36. * ref:https://v1.vuepress.vuejs.org/theme/default-theme-config.html
  37. */
  38. theme: defaultTheme({
  39. sidebar: 'auto',
  40. navbar: [
  41. {
  42. text: "Guide",
  43. link: "/guide/",
  44. },
  45. {
  46. text: "Demos",
  47. link: "/demos/",
  48. },
  49. {
  50. text: "vue-zoomable",
  51. link: "https://github.com/HassaanAkbar/vue-zoomable",
  52. },
  53. ],
  54. }),
  55. // themeConfig: {
  56. // repo: '',
  57. // editLinks: false,
  58. // docsDir: '',
  59. // editLinkText: '',
  60. // lastUpdated: false,
  61. // nav: [
  62. // {
  63. // text: 'Guide',
  64. // link: '/guide/',
  65. // },
  66. // {
  67. // text: 'Config',
  68. // link: '/config/'
  69. // },
  70. // {
  71. // text: 'vue-zoomable',
  72. // link: 'https://github.com/HassaanAkbar/vue-zoomable'
  73. // }
  74. // ],
  75. // sidebar: {
  76. // '/guide/': [
  77. // {
  78. // title: 'Guide',
  79. // collapsable: false,
  80. // }
  81. // ],
  82. // }
  83. // },
  84. /**
  85. * Apply plugins,ref:https://v1.vuepress.vuejs.org/zh/plugin/
  86. */
  87. plugins: [
  88. // {
  89. // name: "@vuepress/plugin-back-to-top",
  90. // },
  91. // {
  92. // name: "@vuepress/plugin-medium-zoom",
  93. // },
  94. registerComponentsPlugin({
  95. componentsDir: path.resolve(__dirname, "./components/")
  96. }),
  97. ],
  98. });