diff --git a/packages/create-vite/src/index.ts b/packages/create-vite/src/index.ts
index 3030634e3187a2..2554bf05f3e0e3 100755
--- a/packages/create-vite/src/index.ts
+++ b/packages/create-vite/src/index.ts
@@ -205,7 +205,7 @@ const FRAMEWORKS: Framework[] = [
         name: 'custom-svelte-kit',
         display: 'SvelteKit ↗',
         color: red,
-        customCommand: 'npm create svelte@latest TARGET_DIR',
+        customCommand: 'npm exec sv create TARGET_DIR',
       },
     ],
   },
diff --git a/packages/create-vite/template-preact-ts/src/main.tsx b/packages/create-vite/template-preact-ts/src/main.tsx
index 846cd1e988102e..bfb172e06b4f32 100644
--- a/packages/create-vite/template-preact-ts/src/main.tsx
+++ b/packages/create-vite/template-preact-ts/src/main.tsx
@@ -1,5 +1,5 @@
 import { render } from 'preact'
-import { App } from './app.tsx'
 import './index.css'
+import { App } from './app.tsx'
 
 render(<App />, document.getElementById('app')!)
diff --git a/packages/create-vite/template-preact/src/main.jsx b/packages/create-vite/template-preact/src/main.jsx
index b088b63d9dad7c..26b04677214d64 100644
--- a/packages/create-vite/template-preact/src/main.jsx
+++ b/packages/create-vite/template-preact/src/main.jsx
@@ -1,5 +1,5 @@
 import { render } from 'preact'
-import { App } from './app.jsx'
 import './index.css'
+import { App } from './app.jsx'
 
 render(<App />, document.getElementById('app'))
diff --git a/packages/create-vite/template-qwik-ts/src/main.tsx b/packages/create-vite/template-qwik-ts/src/main.tsx
index 931d312effc3e6..3ab6fcc362fb5d 100644
--- a/packages/create-vite/template-qwik-ts/src/main.tsx
+++ b/packages/create-vite/template-qwik-ts/src/main.tsx
@@ -1,7 +1,7 @@
 import '@builder.io/qwik/qwikloader.js'
 
 import { render } from '@builder.io/qwik'
-import { App } from './app.tsx'
 import './index.css'
+import { App } from './app.tsx'
 
 render(document.getElementById('app') as HTMLElement, <App />)
diff --git a/packages/create-vite/template-qwik/src/main.jsx b/packages/create-vite/template-qwik/src/main.jsx
index ef08a39af1d908..d2dcca971d8c3b 100644
--- a/packages/create-vite/template-qwik/src/main.jsx
+++ b/packages/create-vite/template-qwik/src/main.jsx
@@ -1,7 +1,7 @@
 import '@builder.io/qwik/qwikloader.js'
 
 import { render } from '@builder.io/qwik'
-import { App } from './app.jsx'
 import './index.css'
+import { App } from './app.jsx'
 
 render(document.getElementById('app'), <App />)
diff --git a/packages/create-vite/template-react-ts/src/main.tsx b/packages/create-vite/template-react-ts/src/main.tsx
index 6f4ac9bcca8231..bef5202a32cbd0 100644
--- a/packages/create-vite/template-react-ts/src/main.tsx
+++ b/packages/create-vite/template-react-ts/src/main.tsx
@@ -1,7 +1,7 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
 import './index.css'
+import App from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
diff --git a/packages/create-vite/template-react/src/main.jsx b/packages/create-vite/template-react/src/main.jsx
index 89f91e54dc6f03..b9a1a6deac8775 100644
--- a/packages/create-vite/template-react/src/main.jsx
+++ b/packages/create-vite/template-react/src/main.jsx
@@ -1,7 +1,7 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import App from './App.jsx'
 import './index.css'
+import App from './App.jsx'
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
diff --git a/packages/create-vite/template-solid-ts/src/index.tsx b/packages/create-vite/template-solid-ts/src/index.tsx
index af7bf042c3ac05..f67cd2065b1858 100644
--- a/packages/create-vite/template-solid-ts/src/index.tsx
+++ b/packages/create-vite/template-solid-ts/src/index.tsx
@@ -1,8 +1,7 @@
 /* @refresh reload */
 import { render } from 'solid-js/web'
-
 import './index.css'
-import App from './App'
+import App from './App.tsx'
 
 const root = document.getElementById('root')
 
diff --git a/packages/create-vite/template-solid/src/index.jsx b/packages/create-vite/template-solid/src/index.jsx
index ab0c0929b48615..a80d6d78ff940e 100644
--- a/packages/create-vite/template-solid/src/index.jsx
+++ b/packages/create-vite/template-solid/src/index.jsx
@@ -1,8 +1,7 @@
 /* @refresh reload */
 import { render } from 'solid-js/web'
-
 import './index.css'
-import App from './App'
+import App from './App.jsx'
 
 const root = document.getElementById('root')
 
diff --git a/packages/create-vite/template-svelte-ts/package.json b/packages/create-vite/template-svelte-ts/package.json
index 8a721fe6f26a2f..378e8a1e3e22aa 100644
--- a/packages/create-vite/template-svelte-ts/package.json
+++ b/packages/create-vite/template-svelte-ts/package.json
@@ -10,9 +10,9 @@
     "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tsconfig/svelte": "^5.0.4",
-    "svelte": "^4.2.19",
+    "svelte": "^5.0.3",
     "svelte-check": "^4.0.5",
     "tslib": "^2.8.0",
     "typescript": "~5.6.2",
diff --git a/packages/create-vite/template-svelte-ts/src/lib/Counter.svelte b/packages/create-vite/template-svelte-ts/src/lib/Counter.svelte
index 979b4dfc91c86e..37d75ce76f59c8 100644
--- a/packages/create-vite/template-svelte-ts/src/lib/Counter.svelte
+++ b/packages/create-vite/template-svelte-ts/src/lib/Counter.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  let count: number = 0
+  let count: number = $state(0)
   const increment = () => {
     count += 1
   }
 </script>
 
-<button on:click={increment}>
+<button onclick={increment}>
   count is {count}
 </button>
diff --git a/packages/create-vite/template-svelte-ts/src/main.ts b/packages/create-vite/template-svelte-ts/src/main.ts
index 4d67e2ac2af7ef..664a057afa0f49 100644
--- a/packages/create-vite/template-svelte-ts/src/main.ts
+++ b/packages/create-vite/template-svelte-ts/src/main.ts
@@ -1,7 +1,8 @@
+import { mount } from 'svelte'
 import './app.css'
 import App from './App.svelte'
 
-const app = new App({
+const app = mount(App, {
   target: document.getElementById('app')!,
 })
 
diff --git a/packages/create-vite/template-svelte/package.json b/packages/create-vite/template-svelte/package.json
index d90882d2a2b1ff..957c9b713bbbef 100644
--- a/packages/create-vite/template-svelte/package.json
+++ b/packages/create-vite/template-svelte/package.json
@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
-    "svelte": "^4.2.19",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "svelte": "^5.0.3",
     "vite": "^5.4.9"
   }
 }
diff --git a/packages/create-vite/template-svelte/src/lib/Counter.svelte b/packages/create-vite/template-svelte/src/lib/Counter.svelte
index e45f903109790d..770c9226778ffb 100644
--- a/packages/create-vite/template-svelte/src/lib/Counter.svelte
+++ b/packages/create-vite/template-svelte/src/lib/Counter.svelte
@@ -1,10 +1,10 @@
 <script>
-  let count = 0
+  let count = $state(0)
   const increment = () => {
     count += 1
   }
 </script>
 
-<button on:click={increment}>
+<button onclick={increment}>
   count is {count}
 </button>
diff --git a/packages/create-vite/template-svelte/src/main.js b/packages/create-vite/template-svelte/src/main.js
index 8a909a15a0ebff..458c7a8a871723 100644
--- a/packages/create-vite/template-svelte/src/main.js
+++ b/packages/create-vite/template-svelte/src/main.js
@@ -1,7 +1,8 @@
+import { mount } from 'svelte'
 import './app.css'
 import App from './App.svelte'
 
-const app = new App({
+const app = mount(App, {
   target: document.getElementById('app'),
 })