From 47b59280af79ac9e56b5240799e5fab6368e4e35 Mon Sep 17 00:00:00 2001
From: Kerim Hudson <31065041+kerimhudson@users.noreply.github.com>
Date: Fri, 12 Feb 2021 18:00:32 +0000
Subject: [PATCH] feat(dev): closer parity on preact typescript template to
 preact template

---
 packages/create-app/template-preact-ts/src/app.tsx     | 1 -
 packages/create-app/template-preact-ts/src/logo.tsx    | 2 --
 packages/create-app/template-preact-ts/src/main.tsx    | 2 +-
 packages/create-app/template-preact-ts/src/preact.d.ts | 1 +
 packages/create-app/template-preact-ts/tsconfig.json   | 3 +--
 packages/create-app/template-preact-ts/vite.config.ts  | 3 ++-
 6 files changed, 5 insertions(+), 7 deletions(-)
 create mode 100644 packages/create-app/template-preact-ts/src/preact.d.ts

diff --git a/packages/create-app/template-preact-ts/src/app.tsx b/packages/create-app/template-preact-ts/src/app.tsx
index e63ad15a87424d..64fe3eda94c933 100644
--- a/packages/create-app/template-preact-ts/src/app.tsx
+++ b/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() {
diff --git a/packages/create-app/template-preact-ts/src/logo.tsx b/packages/create-app/template-preact-ts/src/logo.tsx
index 0b42c957851874..dee6f347a90a54 100644
--- a/packages/create-app/template-preact-ts/src/logo.tsx
+++ b/packages/create-app/template-preact-ts/src/logo.tsx
@@ -1,5 +1,3 @@
-import { h } from 'preact'
-
 export const Logo = () => (
   <svg
     class="logo"
diff --git a/packages/create-app/template-preact-ts/src/main.tsx b/packages/create-app/template-preact-ts/src/main.tsx
index 1772ce4faaa12e..812f602e33bc95 100644
--- a/packages/create-app/template-preact-ts/src/main.tsx
+++ b/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'
 
diff --git a/packages/create-app/template-preact-ts/src/preact.d.ts b/packages/create-app/template-preact-ts/src/preact.d.ts
new file mode 100644
index 00000000000000..ac79d62a49b4ac
--- /dev/null
+++ b/packages/create-app/template-preact-ts/src/preact.d.ts
@@ -0,0 +1 @@
+import JSX = preact.JSX
diff --git a/packages/create-app/template-preact-ts/tsconfig.json b/packages/create-app/template-preact-ts/tsconfig.json
index 2c74ff62853e97..c30002ead9e978 100644
--- a/packages/create-app/template-preact-ts/tsconfig.json
+++ b/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"
   },
diff --git a/packages/create-app/template-preact-ts/vite.config.ts b/packages/create-app/template-preact-ts/vite.config.ts
index 7514fad27af7f1..35560da39ca851 100644
--- a/packages/create-app/template-preact-ts/vite.config.ts
+++ b/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()]
 })