fix(init): use correct jsx/tsx extension (#8792)

Author: sheremet-va

packages/vitest/src/create/browser/examples.ts

@@ -25,7 +25,7 @@ export default function HelloWorld({ name }: { name: string }) {
  test: `
 import { expect, test } from 'vitest'
 import { render } from '@testing-library/jsx'
-import HelloWorld from './HelloWorld.jsx'
+import HelloWorld from './HelloWorld.<EXT>x'
 
 test('renders name', async () => {
  const { getByText } = await render(<HelloWorld name="Vitest" />)
@@ -312,6 +312,8 @@ export async function generateExampleFiles(framework: string, lang: 'ts' | 'js')
  fileName = fileName.replace('.js', '.ts')
  }
 
+ example.test = example.test.replace('<EXT>', lang)
+
  const filePath = resolve(folder, fileName)
  const testPath = resolve(folder, `HelloWorld.test.${isJSX ? `${lang}x` : lang}`)
  writeFileSync(filePath, fileContent.trimStart(), 'utf-8')