feat(create-app): closer parity on preact typescript template to preact template (#1996)

Author: kerimhudson

packages/create-app/template-preact-ts/src/app.tsx

@@ -1,4 +1,3 @@
-import { h, Fragment } from 'preact'
 import { Logo } from './logo'
 
 export function App() {

packages/create-app/template-preact-ts/src/logo.tsx

@@ -1,5 +1,3 @@
-import { h } from 'preact'
-
 export const Logo = () => (
   <svg
     class="logo"

packages/create-app/template-preact-ts/src/main.tsx

@@ -1,4 +1,4 @@
-import { render, h } from 'preact'
+import { render } from 'preact'
 import { App } from './app'
 import './index.css'
 

packages/create-app/template-preact-ts/src/preact.d.ts

@@ -0,0 +1 @@
+import JSX = preact.JSX

packages/create-app/template-preact-ts/tsconfig.json

@@ -1,4 +1,3 @@
-
 {
   "compilerOptions": {
     "target": "ESNext",
@@ -15,7 +14,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "preserve",
     "jsxFactory": "h",
     "jsxFragmentFactory": "Fragment"
   },

packages/create-app/template-preact-ts/vite.config.ts

@@ -5,7 +5,8 @@ import preactRefresh from '@prefresh/vite'
 export default defineConfig({
   esbuild: {
     jsxFactory: 'h',
-    jsxFragment: 'Fragment'
+    jsxFragment: 'Fragment',
+    jsxInject: `import { h, Fragment } from 'preact'`
   },
   plugins: [preactRefresh()]
 })