♻️ fix typing errors

src/components/Checkout.vue

@@ -35,6 +35,7 @@ import { defineComponent } from "vue";
 
 import UserList from "./UserList.vue";
 import MD5 from "crypto-js/md5";
+import { User } from "../types/mete";
 
 export default defineComponent({
   components: { UserList },
@@ -44,7 +45,7 @@ export default defineComponent({
       dialogVisible: false,
       form: { selectedUser: "" },
       loading: false,
-      users: [],
+      users: [] as User[],
       search: "",
     };
   },
@@ -66,7 +67,7 @@ export default defineComponent({
       }
       this.loading = false;
     },
-    checkout(userId: string) {
+    checkout(userId: number) {
       this.dialogVisible = false;
       this.$emit("checkout", userId);
     },

src/components/DeviceEvents.vue

@@ -16,7 +16,7 @@
         <el-button @click="clearDialog()">Abbrechen</el-button>
         <el-button
           type="primary"
-          @click="registerNfc(unregisteredNfc, selectedUser)"
+          @click="registerNfc(unregisteredNfc as string, selectedUser)"
           :disabled="selectedUser == ''"
           >NFC-Code registrieren</el-button
         >
@@ -146,7 +146,7 @@ export default defineComponent({
         this.$emit("barcode", JSON.parse((event as any).data!));
       });
 
-      evtSource.addEventListener("storno", (event: Event) => {
+      evtSource.addEventListener("storno", (_: Event) => {
         this.$emit("storno");
       });
     }
@@ -155,7 +155,7 @@ export default defineComponent({
     return {
       dialogVisible: false,
       selectedUser: "",
-      unregisteredNfc: null,
+      unregisteredNfc: null as null | string,
     };
   },
 });

src/components/ProductList.vue

@@ -16,7 +16,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import { Drink } from "../types/mete";
+import { Drink } from "../types/register";
 import Price from "./Price.vue";
 
 export default defineComponent({

src/components/Register.vue

@@ -24,7 +24,7 @@ import Checkout from "./Checkout.vue";
 import Cart from "./Cart.vue";
 
 import { Drink as MeteDrink, BarcodeRef } from "../types/mete";
-import { CartDrink } from "../types/register";
+import { CartDrink, Drink } from "../types/register";
 import currency from "../util/currency";
 
 interface StornoInfo {
@@ -33,11 +33,6 @@ interface StornoInfo {
   stornoTimeout: number;
 }
 
-interface Drink extends MeteDrink {
-  barcodes: string[];
-  price_cents: bigint;
-}
-
 const getDrinks = async () => {
   const response = await fetch("/mete/api/v1/drinks.json");
   const meteDrinks: MeteDrink[] = await response.json();
@@ -132,7 +127,7 @@ export default defineComponent({
       } catch (e) {
         notify({
           title: "Fehler!",
-          message: `${e.message}`,
+          message: `${(e as Error).message}`,
           type: "error",
         });
       }
@@ -198,7 +193,7 @@ export default defineComponent({
       } catch (e) {
         notify({
           title: "Fehler!",
-          message: `${e.message}`,
+          message: `${(e as Error).message}`,
           type: "error",
         });
       }

src/components/UserList.vue

@@ -24,13 +24,18 @@
 import { defineComponent } from "vue";
 import { User } from "../types/mete";
 
+interface UserSearchResult {
+  value: string;
+  label: string;
+}
+
 export default defineComponent({
   name: "UserList",
   props: { modelValue: { type: String } },
   emits: ["update:modelValue"],
   data() {
     return {
-      users: [],
+      users: [] as UserSearchResult[],
       loading: false,
       wurst: null,
     };

src/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

src/types/mete.ts

@@ -1,6 +1,7 @@
 export interface User {
   id: number;
   name: string;
+  email: string;
 }
 export interface BarcodeRef {
   id: string;
@@ -11,4 +12,5 @@ export interface Drink {
   name: string;
   id: number;
   price: string;
+  logo_url: string;
 }

src/types/register.ts

@@ -1,6 +1,13 @@
+import { Drink as MeteDrink } from "./mete.ts";
+
 export interface CartDrink {
   name: string;
   id: number;
   price: bigint;
   count: number;
 }
+
+export interface Drink extends MeteDrink {
+  barcodes: string[];
+  price_cents: bigint;
+}

tsconfig.json

@@ -1,14 +1,25 @@
 {
   "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "strict": true,
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
     "jsx": "preserve",
-    "sourceMap": true,
-    "lib": ["esnext", "dom"],
-    "types": ["vite/client"],
-    "plugins": [{ "name": "@vuedx/typescript-plugin-vue" }]
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}