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

Author: FabianLars

.changes/vanilla-ts-import.md

@@ -0,0 +1,5 @@
+---
+"create-tauri-app": "patch"
+---
+
+Use `import` in vanilla-ts instead of the global Tauri object.

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"

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;

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>;
 }