chore: update templates to fix warnings / errors

dfinity · Nov 18, 2024 · c02ae96 · c02ae96
1 parent c0f29d1
commit c02ae96
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 5 deletions.
diff --git a/src/dfx/assets/project_templates/react/src/__frontend_name__/package.json b/src/dfx/assets/project_templates/react/src/__frontend_name__/package.json
@@ -22,7 +22,7 @@
     "@types/react-dom": "^18.2.6",
     "@vitejs/plugin-react": "^4.0.1",
     "dotenv": "^16.3.1",
-    "sass": "^1.63.6",
+    "sass": "^1.81.0",
     "typescript": "^5.1.3",
     "vite": "^4.3.9",
     "vite-plugin-environment": "^1.1.3"

diff --git a/src/dfx/assets/project_templates/react/src/__frontend_name__/vite.config.js b/src/dfx/assets/project_templates/react/src/__frontend_name__/vite.config.js
@@ -30,6 +30,14 @@ export default defineConfig({
     environment("all", { prefix: "CANISTER_" }),
     environment("all", { prefix: "DFX_" }),
   ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern-compiler",
+        silenceDeprecations: ["legacy-js-api"],
+      },
+    },
+  },
   resolve: {
     alias: [
       {

diff --git a/src/dfx/assets/project_templates/svelte/src/__frontend_name__/package.json b/src/dfx/assets/project_templates/svelte/src/__frontend_name__/package.json
@@ -20,7 +20,7 @@
     "@sveltejs/kit": "^2.5.26",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "dotenv": "^16.3.1",
-    "sass": "^1.63.6",
+    "sass": "^1.81.0",
     "svelte": "^4.2.19",
     "svelte-check": "^4.0.1",
     "typescript": "^5.6.2",

diff --git a/src/dfx/assets/project_templates/svelte/src/__frontend_name__/vite.config.js b/src/dfx/assets/project_templates/svelte/src/__frontend_name__/vite.config.js
@@ -30,6 +30,14 @@ export default defineConfig({
     environment("all", { prefix: "CANISTER_" }),
     environment("all", { prefix: "DFX_" }),
   ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern-compiler",
+        silenceDeprecations: ["legacy-js-api"],
+      },
+    },
+  },
   resolve: {
     alias: [
       {

diff --git a/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/package.json b/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/package.json
@@ -14,7 +14,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "cross-fetch": "^3.1.6",
     "dotenv": "^16.3.1",
-    "sass-embedded": "1.81.0",
+    "sass": "^1.81.0",
     "typescript": "^5.1.3",
     "vite": "^4.3.9",
     "vite-plugin-environment": "^1.1.3",

diff --git a/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/App.js b/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/App.js
@@ -20,7 +20,7 @@ class App {
     let body = html`
         <main class="container">
             <div class="card">
-                <h1>{greeting}</h1>
+                <h1>${this.greeting}</h1>
 
                 <form action="#">
                     <label for="name">Enter your name:</label>

diff --git a/src/dfx/assets/project_templates/vue/src/__frontend_name__/package.json b/src/dfx/assets/project_templates/vue/src/__frontend_name__/package.json
@@ -15,7 +15,7 @@
     "@vue/tsconfig": "^0.4.0",
     "dotenv": "^16.3.1",
     "prettier": "^2.8.8",
-    "sass": "^1.63.6",
+    "sass": "^1.81.0",
     "typescript": "^5.1.3",
     "vite": "^4.3.9",
     "vite-plugin-environment": "^1.1.3"

diff --git a/src/dfx/assets/project_templates/vue/src/__frontend_name__/vite.config.js b/src/dfx/assets/project_templates/vue/src/__frontend_name__/vite.config.js
@@ -30,6 +30,14 @@ export default defineConfig({
     environment('all', { prefix: 'CANISTER_' }),
     environment('all', { prefix: 'DFX_' }),
   ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern-compiler",
+        silenceDeprecations: ["legacy-js-api"],
+      },
+    },
+  },
   resolve: {
     alias: [
       { find: 'declarations', replacement: fileURLToPath(new URL('../declarations', import.meta.url)) },