diff --git a/docs/.vuepress/theme/components/ThemeToggle.vue b/docs/.vuepress/theme/components/ThemeToggle.vue
index 732167b2a..602211a2a 100644
--- a/docs/.vuepress/theme/components/ThemeToggle.vue
+++ b/docs/.vuepress/theme/components/ThemeToggle.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import { useThemeLocaleData } from "@vuepress/plugin-theme-data/lib/composables";
+import { useThemeLocaleData } from "@vuepress/plugin-theme-data/lib/client";
 import { ToggleOptions } from "../types";
 
 export default defineComponent({
diff --git a/docs/.vuepress/theme/index.ts b/docs/.vuepress/theme/index.ts
index 3b23e845a..bb0cb5d88 100644
--- a/docs/.vuepress/theme/index.ts
+++ b/docs/.vuepress/theme/index.ts
@@ -9,7 +9,6 @@ export const docsPlugin: Theme = (options, app) => {
       Layout: path.resolve(__dirname, "layouts/Layout.vue"),
     },
     clientAppEnhanceFiles: path.resolve(__dirname, "clientAppEnhance.ts"),
-    plugins: [["@vuepress/plugin-palette", { preset: "sass" }]],
   };
 };
 
diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
index 863aa14ae..254b8e32b 100644
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-import ParentLayout from "@vuepress/theme-default/lib/layouts/Layout.vue";
+import ParentLayout from "@vuepress/theme-default/lib/client/layouts/Layout.vue";
 import ThemeToggle from "../components/ThemeToggle.vue";
 import { defineComponent } from "vue";
 
diff --git a/package.json b/package.json
index aac67025a..6f535e05b 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "@types/bootstrap": "^5.0.11",
     "@types/jquery": "^3.5.5",
     "@vuepress/plugin-back-to-top": "^2.0.0-beta.8",
+    "postcss-loader": "^5.2.0",
     "prettier": "^2.2.1",
     "sass": "^1.32.8",
     "sass-loader": "^11.0.1",