diff --git a/elebox/src-tauri/tauri.conf.json b/elebox/src-tauri/tauri.conf.json
index 247e55e..88d12f3 100644
--- a/elebox/src-tauri/tauri.conf.json
+++ b/elebox/src-tauri/tauri.conf.json
@@ -20,7 +20,7 @@
     "bundle": {
       "active": true,
       "targets": "all",
-      "identifier": "com.tauri.dev",
+      "identifier": "com.tauri.dev.elebox",
       "icon": [
         "icons/32x32.png",
         "icons/128x128.png",
diff --git a/elebox/src/components/PartDel.vue b/elebox/src/components/PartDel.vue
index 4deaf69..6311f76 100644
--- a/elebox/src/components/PartDel.vue
+++ b/elebox/src/components/PartDel.vue
@@ -5,12 +5,12 @@ defineProps({
   part: String
 })
 
-async function partDel(part: String) {
+async function partDel(part: string) {
   console.debug(`Part delete: ${part}`);
   await invoke("part_del", { part });
 }
 </script>
 
 <template>
-  <button @click="partDel(part)">🗑️</button>
+  <button @click="partDel(part!)">🗑️</button>
 </template>
diff --git a/elebox/src/components/PartList.vue b/elebox/src/components/PartList.vue
index 016ed5d..30d86e0 100644
--- a/elebox/src/components/PartList.vue
+++ b/elebox/src/components/PartList.vue
@@ -1,14 +1,22 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, reactive } from "vue";
 import { invoke } from "@tauri-apps/api/tauri";
 import PartQty from "./PartQty.vue";
 import PartDel from "./PartDel.vue";
 
-const parts = ref("");
+interface Parts {
+  [index: number]: {
+    name: string;
+    quantity: number;
+    part_type: string;
+  }
+}
+
+let parts = reactive<Parts>({});
 
 async function getParts() {
-  parts.value = await invoke("get_parts", {});
-  console.log(parts.value);
+  parts = await invoke("get_parts", {});
+  console.log(parts);
 }
 
 onMounted(getParts);
diff --git a/elebox/src/components/PartNew.vue b/elebox/src/components/PartNew.vue
index 21f1684..70f9f3d 100644
--- a/elebox/src/components/PartNew.vue
+++ b/elebox/src/components/PartNew.vue
@@ -1,19 +1,26 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, ref, reactive } from "vue";
 import { invoke } from "@tauri-apps/api/tauri";
 
+interface Types {
+  [index: number]: {
+    name: string;
+    parent: string;
+  }
+}
+
 const partName = ref("");
 const partQty = ref("");
 const partType = ref("");
-const types = ref("");
+let types = reactive<Types>({});
 
 async function newPart() {
   await invoke("part_new", { name: partName.value, qty: parseInt(partQty.value), ptype: partType.value });
 }
 
 async function getTypes() {
-  types.value = await invoke("get_types", {});
-  console.debug(`Types: ${types.value}`);
+  types = await invoke("get_types", {});
+  console.debug(`Types: ${types}`);
 }
 
 onMounted(async () => {
diff --git a/elebox/src/components/PartQty.vue b/elebox/src/components/PartQty.vue
index 19ddc62..591d618 100644
--- a/elebox/src/components/PartQty.vue
+++ b/elebox/src/components/PartQty.vue
@@ -5,13 +5,13 @@ defineProps({
   part: String
 })
 
-async function partAdd(part: String, qty: Number) {
+async function partAdd(part: string, qty: Number) {
   await invoke("part_add", { part, qty });
   console.log(part);
 }
 </script>
 
 <template>
-  <button @click="partAdd(part, 1)">+</button>
-  <button @click="partAdd(part, -1)">-</button>
+  <button @click="partAdd(part!, 1)">+</button>
+  <button @click="partAdd(part!, -1)">-</button>
 </template>
diff --git a/elebox/src/components/TypeNew.vue b/elebox/src/components/TypeNew.vue
index 497c500..e3e098b 100644
--- a/elebox/src/components/TypeNew.vue
+++ b/elebox/src/components/TypeNew.vue
@@ -1,10 +1,17 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, ref, reactive } from "vue";
 import { invoke } from "@tauri-apps/api/tauri";
 
+interface Types {
+  [index: number]: {
+    name: string;
+    parent: string;
+  }
+}
+
 const typeName = ref("");
 const typeParent = ref("");
-const types = ref("");
+let types = reactive<Types>({});
 
 async function newType() {
   await invoke("type_new", { name: typeName.value, parent: typeParent.value });
@@ -14,8 +21,8 @@ async function newType() {
 }
 
 async function getTypes() {
-  types.value = await invoke("get_types", {});
-  console.debug(`Types: ${types.value}`);
+  types = await invoke("get_types", {});
+  console.debug(`Types: ${types}`);
 }
 
 onMounted(async () => {
diff --git a/elebox/src/views/NewPart.vue b/elebox/src/views/NewPart.vue
index f055223..f6778a6 100644
--- a/elebox/src/views/NewPart.vue
+++ b/elebox/src/views/NewPart.vue
@@ -1,12 +1,19 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, ref, reactive } from "vue";
 import { invoke } from "@tauri-apps/api/tauri";
 import router from '../router.js';
 
+interface Types {
+  [index: number]: {
+    name: string;
+    parent: string;
+  }
+}
+
 const partName = ref("");
 const partQty = ref("");
 const partType = ref("");
-const types = ref("");
+let types = reactive<Types>({});
 const location = ref("");
 
 function goHome() {
@@ -18,8 +25,8 @@ async function newPart() {
 }
 
 async function getTypes() {
-  types.value = await invoke("get_types", {});
-  console.debug(`Types: ${types.value}`);
+  types = await invoke("get_types", {});
+  console.debug(`Types: ${types}`);
 }
 
 onMounted(async () => {