feat(create-vite): set default title in index.html to project name (#20519)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: sapphi-red <49056869+sapphi-red@users.noreply.github.com>

Author: Copilot

packages/create-vite/__tests__/cli.spec.ts

@@ -171,3 +171,15 @@ test('return help usage how to use create-vite with -h alias', () => {
   const message = 'Usage: create-vite [OPTION]... [DIRECTORY]'
   expect(stdout).toContain(message)
 })
+
+test('sets index.html title to project name', () => {
+  const { stdout } = run([projectName, '--template', 'react'], {
+    cwd: __dirname,
+  })
+
+  const indexHtmlPath = path.join(genPath, 'index.html')
+  const indexHtmlContent = fs.readFileSync(indexHtmlPath, 'utf-8')
+
+  expect(stdout).toContain(`Scaffolding project in ${genPath}`)
+  expect(indexHtmlContent).toContain(`<title>${projectName}</title>`)
+})

packages/create-vite/src/index.ts

@@ -537,6 +537,14 @@ async function init() {
     const targetPath = path.join(root, renameFiles[file] ?? file)
     if (content) {
       fs.writeFileSync(targetPath, content)
+    } else if (file === 'index.html') {
+      const templatePath = path.join(templateDir, file)
+      const templateContent = fs.readFileSync(templatePath, 'utf-8')
+      const updatedContent = templateContent.replace(
+        /<title>.*?<\/title>/,
+        `<title>${packageName}</title>`,
+      )
+      fs.writeFileSync(targetPath, updatedContent)
     } else {
       copy(path.join(templateDir, file), targetPath)
     }