fix: Use import in vanilla-ts fragment. (#198)

* fix: Use `import` in vanilla-ts fragment. * Create vanilla-ts-import.md * Add greet to `window` type declaration * Update vite-env.d.ts * Update vite-env.d.ts * move api package to dependencies
tauri-apps · Oct 1, 2022 · dcca18c · dcca18c
1 parent ca2db45
commit dcca18c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/.changes/vanilla-ts-import.md b/.changes/vanilla-ts-import.md
@@ -0,0 +1,5 @@
+---
+"create-tauri-app": "patch"
+---
+
+Use `import` in vanilla-ts instead of the global Tauri object.
diff --git a/packages/cli/fragments/fragment-vanilla-ts/package.json b/packages/cli/fragments/fragment-vanilla-ts/package.json
@@ -9,9 +9,10 @@
     "preview": "vite preview",
     "tauri": "tauri"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@tauri-apps/api": "^1.1.0"
+  },
   "devDependencies": {
-    "@tauri-apps/api": "^1.1.0",
     "@tauri-apps/cli": "^1.1.0",
     "vite": "^3.0.2",
     "typescript": "^4.8.2"

diff --git a/packages/cli/fragments/fragment-vanilla-ts/src/main.ts b/packages/cli/fragments/fragment-vanilla-ts/src/main.ts
@@ -1,4 +1,4 @@
-const { invoke } = window.__TAURI__.tauri;
+import { invoke } from "@tauri-apps/api/tauri";
 
 let greetInputEl: HTMLInputElement | null;
 let greetMsgEl: HTMLElement | null;

diff --git a/packages/cli/fragments/fragment-vanilla-ts/src/vite-env.d.ts b/packages/cli/fragments/fragment-vanilla-ts/src/vite-env.d.ts
@@ -1,7 +1,3 @@
-import type * as TauriApiTypes from "@tauri-apps/api";
-
-declare global {
-  interface Window {
-    __TAURI__: typeof TauriApiTypes;
-  }
+interface Window {
+  greet: () => Promise<void>;
 }