feat: add modern sass vite options (#60)

userquin · johnleider · web-flow · commit c8ef2779cde6 · 2024-10-20T13:15:38.000-05:00
Co-authored-by: John Leider &lt;john@vuetifyjs.com&gt;
diff --git a/template/javascript/base/vite.config.mjs b/template/javascript/base/vite.config.mjs
@@ -51,4 +51,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })
diff --git a/template/javascript/default/package.json b/template/javascript/default/package.json
@@ -9,14 +9,15 @@
     "@mdi/font": "7.4.47",
     "roboto-fontface": "*",
     "vue": "^3.4.31",
-    "vuetify": "^3.6.11"
+    "vuetify": "^3.6.14"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
-    "sass": "1.77.6",
+    "sass": "1.77.8",
+    "sass-embedded": "^1.77.8",
     "unplugin-fonts": "^1.1.1",
     "unplugin-vue-components": "^0.27.2",
     "vite-plugin-vuetify": "^2.0.3",
-    "vite": "^5.3.3"
+    "vite": "^5.4.0"
   }
 }
diff --git a/template/javascript/default/vite.config.mjs b/template/javascript/default/vite.config.mjs
@@ -44,4 +44,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })
diff --git a/template/javascript/essentials/vite.config.mjs b/template/javascript/essentials/vite.config.mjs
@@ -64,4 +64,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })
diff --git a/template/typescript/base/vite.config.mts b/template/typescript/base/vite.config.mts
@@ -51,4 +51,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })
diff --git a/template/typescript/default/package.json b/template/typescript/default/package.json
@@ -9,18 +9,19 @@
     "@mdi/font": "7.4.47",
     "roboto-fontface": "*",
     "vue": "^3.4.31",
-    "vuetify": "^3.6.11"
+    "vuetify": "^3.6.14"
   },
   "devDependencies": {
     "@babel/types": "^7.24.7",
     "@types/node": "^20.14.10",
     "@vitejs/plugin-vue": "^5.0.5",
-    "sass": "1.77.6",
+    "sass": "1.77.8",
+    "sass-embedded": "^1.77.8",
     "typescript": "^5.4.2",
     "unplugin-fonts": "^1.1.1",
     "unplugin-vue-components": "^0.27.2",
     "vite-plugin-vuetify": "^2.0.3",
-    "vite": "^5.3.3",
+    "vite": "^5.4.0",
     "vue-tsc": "^2.0.26"
   }
 }
diff --git a/template/typescript/default/vite.config.mts b/template/typescript/default/vite.config.mts
@@ -44,4 +44,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })
diff --git a/template/typescript/essentials/vite.config.mts b/template/typescript/essentials/vite.config.mts
@@ -71,4 +71,11 @@ export default defineConfig({
   server: {
     port: 3000,
   },
+  css: {
+    preprocessorOptions: {
+      sass: {
+        api: 'modern-compiler',
+      },
+    },
+  },
 })
