Upgrade vuepress to v2 and add dark mode support (#465)

* Upgrade vuepress to v2 and add dark mode support

* Fix code snippets importing

* Fix nav item titles

* Fix some broken tables

* Fix blog, serch and command reference

* Fix doc building for vuepress-next, avoid using angle brackets

* Fix broken tables

.gitignore

@@ -1,5 +1,8 @@
+.temp/
+.cache/
+TODO.md
+.DS_Store
 node_modules
-.vuepress/dist/
 npm-debug.log
-.DS_Store
+.vuepress/dist/
 package-lock.json

.prettierignore

@@ -5,5 +5,5 @@ package-lock.json
 operators.md
 dataframes.md
 nushell_map.md
-coming_from_bash.md
+*_bash*.md
 book/commands/*.md

.vuepress/client.js

@@ -0,0 +1,14 @@
+/**
+ * Client app enhancement file.
+ *
+ * https://v2.vuepress.vuejs.org/advanced/cookbook/usage-of-client-config.html
+ */
+
+import { defineClientConfig } from '@vuepress/client';
+import BlogPosts from './components/BlogPosts.vue';
+
+export default defineClientConfig({
+ enhance({ app }) {
+ app.component('BlogPosts', BlogPosts);
+ },
+});

.vuepress/components/BlogPosts.vue

@@ -16,11 +16,12 @@
 </template>
 
 <script>
+import pages from '@temp/pages';
 export default {
  name: 'BlogPosts',
  computed: {
  posts() {
- return this.$site.pages
+ return pages
  .filter((p) => {
  return p.path.indexOf('/blog/') >= 0 && p.path != '/blog/';
  })