fix: use modern api by default for vite bundler

vuepress · Sep 18, 2024 · 7c2e8e9 · 7c2e8e9
1 parent 32d3d29
commit 7c2e8e9
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 3 deletions.
diff --git a/plugins/development/plugin-palette/package.json b/plugins/development/plugin-palette/package.json
@@ -39,6 +39,7 @@
     "clean": "rimraf --glob ./lib ./*.tsbuildinfo"
   },
   "dependencies": {
+    "@vuepress/helper": "workspace:*",
     "chokidar": "^4.0.0"
   },
   "peerDependencies": {

diff --git a/plugins/development/plugin-palette/src/node/palettePlugin.ts b/plugins/development/plugin-palette/src/node/palettePlugin.ts
@@ -1,3 +1,4 @@
+import { addViteConfig } from '@vuepress/helper'
 import { watch } from 'chokidar'
 import type { Plugin } from 'vuepress/core'
 import { preparePaletteFile } from './preparePaletteFile.js'
@@ -56,6 +57,22 @@ export const palettePlugin = ({
     '@vuepress/plugin-palette/style': app.dir.temp(tempStyleFile),
   }),
 
+  extendsBundlerOptions: (bundlerOptions: unknown, app): void => {
+    // switch to modern api for vite
+    addViteConfig(bundlerOptions, app, {
+      css: {
+        preprocessorOptions: {
+          sass: {
+            api: 'modern',
+          },
+          scss: {
+            api: 'modern',
+          },
+        },
+      },
+    })
+  },
+
   onPrepared: async (app) => {
     await Promise.all([
       preparePaletteFile(app, {

diff --git a/plugins/development/plugin-sass-palette/src/node/sassPalettePlugin.ts b/plugins/development/plugin-sass-palette/src/node/sassPalettePlugin.ts
@@ -1,3 +1,4 @@
+import { addViteConfig } from '@vuepress/helper'
 import { watch } from 'chokidar'
 import type { PluginFunction } from 'vuepress/core'
 import { getDirname, path } from 'vuepress/utils'
@@ -67,6 +68,19 @@ export const sassPalettePlugin =
       },
 
       extendsBundlerOptions: (bundlerOptions: unknown): void => {
+        // switch to modern api for vite
+        addViteConfig(bundlerOptions, app, {
+          css: {
+            preprocessorOptions: {
+              sass: {
+                api: 'modern',
+              },
+              scss: {
+                api: 'modern',
+              },
+            },
+          },
+        })
         injectScssConfigModule(bundlerOptions, app, id)
       },
 

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/themes/theme-default/src/node/defaultTheme.ts b/themes/theme-default/src/node/defaultTheme.ts
@@ -86,14 +86,11 @@ export const defaultTheme = ({
       // FIXME: hide sass deprecation warning for mixed-decls
       addViteConfig(bundlerOptions, app, {
         css: {
-          // switch to modern api
           preprocessorOptions: {
             sass: {
-              api: 'modern',
               silenceDeprecations: ['mixed-decls'],
             },
             scss: {
-              api: 'modern',
               silenceDeprecations: ['mixed-decls'],
             },
           },