Update Vuepress to 2.0.0-rc.26

Author: GreenImp

docs/.vuepress/config.js

@@ -1,15 +1,21 @@
-import { defaultTheme, defineUserConfig } from 'vuepress'
+import { defineUserConfig } from 'vuepress'
+import { viteBundler } from '@vuepress/bundler-vite'
+import { defaultTheme } from '@vuepress/theme-default'
 import { backToTopPlugin } from '@vuepress/plugin-back-to-top';
 import { docsearchPlugin } from '@vuepress/plugin-docsearch'
 //import { searchPlugin } from '@vuepress/plugin-search'
 import { diceRollerPlugin } from '@dice-roller/vuepress-plugin-dice-roller';
 import { sidebarTree } from '../api/config';
 import { mdEnhancePlugin } from 'vuepress-plugin-md-enhance';
-import { copyCodePlugin } from "vuepress-plugin-copy-code2";
+import { copyCodePlugin } from '@vuepress/plugin-copy-code';
 
 const base = `/${process.env.BASE_PATH || 'documentation'}/`;
 
 export default defineUserConfig({
+  bundler: viteBundler({
+    viteOptions: {},
+    vuePluginOptions: {},
+  }),
   lang: 'en-GB',
   title: 'RPG Dice Roller',
   description: 'A JS based dice roller that can roll various types of dice and modifiers, along with mathematical equations.',

docs/.vuepress/styles/index.scss

@@ -1,29 +1,28 @@
 $rainbow: linear-gradient(-45deg, #c6ffdd, #fbd786, #f7797d);
 $hexagonClip: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
 
-.navbar a {
+.vp-navbar a {
   &:hover,
   &:focus,
   &:active {
-    //noinspection CssUnusedSymbol
-    .logo {
+    .vp-site-logo {
       background-position: 40px;
     }
   }
 
-  .logo {
+  .vp-site-logo {
     background-image: $rainbow;
     background-position: 0;
     clip-path: $hexagonClip;
     transition: all ease-in .25s;
 
-    html.dark & {
+    html[data-theme="dark"] & {
       padding: 2px;
     }
   }
 }
 
-.home .hero img {
+.vp-hero-image {
   padding: 1rem;
   box-sizing: border-box;
   background: $rainbow;