feat(docs): update vuepress to last versions

tchiotludo · Aug 30, 2022 · b1268e0 · b1268e0
1 parent 34b1f54
commit b1268e0
Show file tree

Hide file tree

Showing 5 changed files with 1,300 additions and 3,097 deletions.
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -1,21 +1,24 @@
-const { path } = require('@vuepress/utils')
-const sidebar = require("./sidebar");
+import { path } from '@vuepress/utils';
+import { registerComponentsPlugin } from '@vuepress/plugin-register-components';
+import { searchPlugin } from '@vuepress/plugin-search'
+import { googleAnalyticsPlugin } from '@vuepress/plugin-google-analytics'
+import { defaultTheme } from '@vuepress/theme-default'
 
 module.exports = {
   lang: 'en-US',
   title: 'AKHQ',
   description: 'Get all the insight of your Apache Kafka clusters, see topics, browse data inside topics, see consumer groups and their lag, manage your schema registry, see and manage your Kafka Connect cluster status, and more...',
   plugins: [
-    '@vuepress/search',
-    ['@vuepress/google-analytics', {'id': 'UA-56021-10'}],
-    [
-      '@vuepress/register-components',
-      {
-        componentsDir: path.resolve(__dirname, './components'),
-      },
-    ],
+    searchPlugin(),
+    googleAnalyticsPlugin({
+      'id': 'UA-56021-10'
+    }),
+    registerComponentsPlugin({
+      componentsDir: path.resolve(__dirname, './components'),
+    }),
   ],
-  themeConfig: {
+  theme: defaultTheme({
+    colorModeSwitch: false,
     logo: '/assets/images/logo/akhqio_logo_yellow_white.svg',
     darkMode: false,
     repo: 'tchiotludo/akhq',
@@ -68,5 +71,5 @@ module.exports = {
       '/docs/api.md',
       '/docs/dev.md',
     ]
-  },
+  })
 }
diff --git a/docs/.vuepress/sidebar.js b/docs/.vuepress/sidebar.js
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
@@ -7,15 +7,16 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato|Open+Sans:300,400,
 $font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 $font-family-monospace: 'Source Code Pro', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/utilities";
-@import "~bootstrap/scss/root";
-@import "~bootstrap/scss/reboot";
-@import "~bootstrap/scss/type";
-@import "~bootstrap/scss/containers";
-@import "~bootstrap/scss/grid";
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+@import "bootstrap/scss/containers";
+@import "bootstrap/scss/grid";
 
 :root {
     // brand colors