Updated VuePress dependency + Add Dark Mode toggle

docs/.vuepress/config.js

@@ -1,32 +1,42 @@
-module.exports = {
+import { defaultTheme } from '@vuepress/theme-default';
+import { defineUserConfig } from 'vuepress';
+import { viteBundler } from '@vuepress/bundler-vite';
+
+export default defineUserConfig({
+  lang: 'en-US',
   title: 'just ___',
   description: 'The task library that just works',
-  base: '/just/',
-  themeConfig: {
-    nav: [
+  base: '/',
+
+  bundler: viteBundler(),
+
+  theme: defaultTheme({
+    // Enable built-in dark mode toggle
+    colorModeSwitch: true,
+
+    navbar: [
       { text: 'Home', link: '/' },
       { text: 'Guide', link: '/tasks/composition' },
       { text: 'GitHub', link: 'https://github.com/microsoft/just' },
     ],
+
     sidebar: [
       {
-        title: 'Home', // required
-        path: '/', // optional, link of the title, which should be an absolute path and must exist
+        text: 'Home',
+        link: '/',
       },
       {
-        title: 'Tasks',
-        path: '/tasks',
-        collapsable: false,
-        sidebarDepth: 1,
+        text: 'Tasks',
+        link: '/tasks/',
+        collapsible: false,
         children: ['/tasks/composition', '/tasks/logging', '/tasks/args', '/tasks/condition', '/tasks/thunk'],
       },
       {
-        title: 'Scripts',
-        path: '/scripts',
-        collapsable: false,
-        sidebarDepth: 1,
+        text: 'Scripts',
+        link: '/scripts/',
+        collapsible: false,
         children: ['/scripts/typescript', '/scripts/webpack', '/scripts/lint', '/scripts/jest'],
       },
     ],
-  },
-};
+  }),
+});

package.json

@@ -17,6 +17,7 @@
     "postbuild": "node ./scripts/copyReadme.js",
     "docs": "vuepress dev docs --host localhost",
     "docs:build": "vuepress build docs",
+    "docs:build:vercel": "vuepress build docs",
     "change": "beachball change",
     "checkchange": "beachball check",
     "lage": "cross-env NODE_OPTIONS=\"--experimental-abortcontroller\" lage",
@@ -40,6 +41,8 @@
     "@types/semver": "^7.3.13",
     "@typescript-eslint/eslint-plugin": "^5.54.1",
     "@typescript-eslint/parser": "^5.54.1",
+    "@vuepress/bundler-vite": "^2.0.0-rc.23",
+    "@vuepress/theme-default": "^2.0.0-rc.110",
     "beachball": "^2.31.11",
     "cross-env": "^7.0.3",
     "eslint": "^8.35.0",
@@ -48,10 +51,11 @@
     "lage": "2.4.0",
     "mock-fs": "^5.2.0",
     "prettier": "^2.8.4",
+    "sass-embedded": "^1.89.2",
     "syncpack": "^9.0.0",
     "ts-jest": "~29.2.5",
     "typescript": "~4.5.0",
-    "vuepress": "^1.9.9",
+    "vuepress": "^2.0.0-rc.23",
     "workspace-tools": "^0.35.2"
   },
   "resolutions": {

vercel.json

@@ -0,0 +1,6 @@
+{
+  "buildCommand": "npm run docs:build",
+  "outputDirectory": "docs/.vuepress/dist",
+  "framework": null,
+  "installCommand": "npm install"
+}