feat(cli): add svelte template support via sv cli (#982)

## Description

This PR adds support for Svelte projects using the official `sv` CLI.
Previously, `vp create svelte` would attempt to use the
discontinued`create-svelte` package. Closes #857

### Changes:
- **Mapping:** Updated
[discovery.ts](cci:7://file:///c:/Users/Admin/vite-plus/packages/cli/src/create/discovery.ts:0:0-0:0)
to map the `svelte` shorthand template name to the `sv` package.
- **Command Handling:** Updated
[remote.ts](cci:7://file:///c:/Users/Admin/vite-plus/packages/cli/src/create/templates/remote.ts:0:0-0:0)
to automatically prepend the `create` subcommand if omitted and add
necessary flags:
    - `--no-install`: To let Vite+ handle dependency installation.
- **Documentation:** Added `svelte` to the CLI help examples and the `vp
create --list` popular templates section.

## Type of Change
- [x] New feature (non-breaking change which adds functionality)

---------

Co-authored-by: MK (fengmk2) <fengmk2@gmail.com>

Author: mudiageo

docs/guide/create.md

@@ -33,7 +33,7 @@ Vite+ ships with these built-in templates:
 
 `vp create` is not limited to the built-in templates.
 
-- Use shorthand templates like `vite`, `@tanstack/start`, `next-app`, `nuxt`, `react-router`, and `vue`
+- Use shorthand templates like `vite`, `@tanstack/start`, `svelte`, `next-app`, `nuxt`, `react-router`, and `vue`
 - Use full package names like `create-vite` or `create-next-app`
 - Use local templates such as `./tools/create-ui-component` or `@acme/generator-*`
 - Use remote templates such as `github:user/repo` or `https://github.com/user/template-repo`
@@ -76,6 +76,7 @@ vp create vite:generator
 # Use shorthand community templates
 vp create vite
 vp create @tanstack/start
+vp create svelte
 
 # Use full package names
 vp create create-vite

packages/cli/snap-tests-global/command-create-help/snap.txt

@@ -33,6 +33,7 @@ Examples:
   # Use existing templates (shorthand expands to create-* packages)
   vp create vite
   vp create @tanstack/start
+  vp create svelte
   vp create vite -- --template react-ts
 
   # Full package names also work
@@ -87,6 +88,7 @@ Examples:
   # Use existing templates (shorthand expands to create-* packages)
   vp create vite
   vp create @tanstack/start
+  vp create svelte
   vp create vite -- --template react-ts
 
   # Full package names also work
@@ -141,6 +143,7 @@ Examples:
   # Use existing templates (shorthand expands to create-* packages)
   vp create vite
   vp create @tanstack/start
+  vp create svelte
   vp create vite -- --template react-ts
 
   # Full package names also work

packages/cli/snap-tests-global/new-check/snap.txt

@@ -33,6 +33,7 @@ Examples:
   # Use existing templates (shorthand expands to create-* packages)
   vp create vite
   vp create @tanstack/start
+  vp create svelte
   vp create vite -- --template react-ts
 
   # Full package names also work
@@ -71,6 +72,7 @@ Popular Templates (shorthand):
   next-app         Next.js application (create-next-app)
   nuxt             Nuxt application (create-nuxt)
   react-router     React Router application (create-react-router)
+  svelte           Svelte application (sv create)
   vue              Vue application (create-vue)
 
 Examples:

packages/cli/src/create/__tests__/discovery.spec.ts

@@ -67,6 +67,8 @@ describe('expandCreateShorthand', () => {
   it('should handle special cases where default convention does not apply', () => {
     expect(expandCreateShorthand('nitro')).toBe('create-nitro-app');
     expect(expandCreateShorthand('nitro@latest')).toBe('create-nitro-app@latest');
+    expect(expandCreateShorthand('svelte')).toBe('sv');
+    expect(expandCreateShorthand('svelte@latest')).toBe('sv@latest');
   });
 });
 

packages/cli/src/create/bin.ts

@@ -111,6 +111,7 @@ const helpMessage = renderCliDoc({
         `  ${muted('# Use existing templates (shorthand expands to create-* packages)')}`,
         `  ${accent('vp create vite')}`,
         `  ${accent('vp create @tanstack/start')}`,
+        `  ${accent('vp create svelte')}`,
         `  ${accent('vp create vite -- --template react-ts')}`,
         '',
         `  ${muted('# Full package names also work')}`,
@@ -156,6 +157,7 @@ const listTemplatesMessage = renderCliDoc({
         { label: 'next-app', description: 'Next.js application (create-next-app)' },
         { label: 'nuxt', description: 'Nuxt application (create-nuxt)' },
         { label: 'react-router', description: 'React Router application (create-react-router)' },
+        { label: 'svelte', description: 'Svelte application (sv create)' },
         { label: 'vue', description: 'Vue application (create-vue)' },
       ],
     },

packages/cli/src/create/discovery.ts

@@ -198,6 +198,9 @@ export function expandCreateShorthand(templateName: string): string {
   if (name === 'nitro') {
     return `create-nitro-app${version}`;
   }
+  if (name === 'svelte') {
+    return `sv${version}`;
+  }
 
   return `create-${name}${version}`;
 }

packages/cli/src/create/templates/remote.ts

@@ -110,6 +110,13 @@ function autoFixRemoteTemplateCommand(templateInfo: TemplateInfo, workspaceInfo:
     templateInfo.args.push('--no-install');
     // don't setup toolchain automatically
     templateInfo.args.push('--no-toolchain');
+  } else if (packageName === 'sv') {
+    // ensure create command is used
+    if (templateInfo.args[0] !== 'create') {
+      templateInfo.args.unshift('create');
+    }
+    // don't run npm install after project creation
+    templateInfo.args.push('--no-install');
   }
 
   if (workspaceInfo.isMonorepo) {