diff --git a/packages/create-app/template-svelte-ts/package.json b/packages/create-app/template-svelte-ts/package.json
index 243b7ef6d9f503..a4f00f16da4ea8 100644
--- a/packages/create-app/template-svelte-ts/package.json
+++ b/packages/create-app/template-svelte-ts/package.json
@@ -8,7 +8,7 @@
     "check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.7",
+    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.11",
     "@tsconfig/svelte": "^2.0.1",
     "svelte": "^3.37.0",
     "svelte-check": "^2.1.0",
@@ -17,4 +17,4 @@
     "typescript": "^4.3.2",
     "vite": "^2.3.7"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/create-app/template-svelte-ts/svelte.config.cjs b/packages/create-app/template-svelte-ts/svelte.config.js
similarity index 65%
rename from packages/create-app/template-svelte-ts/svelte.config.cjs
rename to packages/create-app/template-svelte-ts/svelte.config.js
index 0b32783a0c9940..3630bb3963b627 100644
--- a/packages/create-app/template-svelte-ts/svelte.config.cjs
+++ b/packages/create-app/template-svelte-ts/svelte.config.js
@@ -1,6 +1,6 @@
-const sveltePreprocess = require('svelte-preprocess')
+import sveltePreprocess from 'svelte-preprocess'
 
-module.exports = {
+export default {
   // Consult https://github.com/sveltejs/svelte-preprocess
   // for more information about preprocessors
   preprocess: sveltePreprocess()
diff --git a/packages/create-app/template-svelte-ts/vite.config.js b/packages/create-app/template-svelte-ts/vite.config.js
index d0fd69ae870dc4..401b4d4bd6b143 100644
--- a/packages/create-app/template-svelte-ts/vite.config.js
+++ b/packages/create-app/template-svelte-ts/vite.config.js
@@ -1,5 +1,5 @@
 import { defineConfig } from 'vite'
-import svelte from '@sveltejs/vite-plugin-svelte'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vitejs.dev/config/
 export default defineConfig({
diff --git a/packages/create-app/template-svelte/package.json b/packages/create-app/template-svelte/package.json
index 89c26a641d4107..4e384f0d859022 100644
--- a/packages/create-app/template-svelte/package.json
+++ b/packages/create-app/template-svelte/package.json
@@ -7,8 +7,8 @@
     "serve": "vite preview"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.7",
+    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.11",
     "svelte": "^3.37.0",
     "vite": "^2.3.7"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/create-app/template-svelte/vite.config.js b/packages/create-app/template-svelte/vite.config.js
index d0fd69ae870dc4..401b4d4bd6b143 100644
--- a/packages/create-app/template-svelte/vite.config.js
+++ b/packages/create-app/template-svelte/vite.config.js
@@ -1,5 +1,5 @@
 import { defineConfig } from 'vite'
-import svelte from '@sveltejs/vite-plugin-svelte'
+import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vitejs.dev/config/
 export default defineConfig({