Fix Typescript errors

package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@blockly/block-shareable-procedures": "^4.1.2",
-    "@blockly/theme-dark": "^6.0.5",
+    "@blockly/theme-dark": "^6.0.6",
     "@fontsource-variable/inter": "^5.0.17",
     "@iconify-json/tabler": "^1.1.109",
     "@mit-app-inventor/blockly-block-lexical-variables": "^2.0.2",

src/Editor.vue

@@ -54,6 +54,7 @@ import BlocklyComponent from "./components/BlocklyComponent.vue";
 import toolbox from "./blocks/toolbox.ts";
 import "./blocks/jigsaw.ts";
 import * as Blockly from "blockly";
+//@ts-ignore
 import DarkTheme from '@blockly/theme-dark';
 import {generateAppCode} from "./blocks/codegen.ts";
 import {onMounted, onUnmounted, ref} from "vue";

src/Home.vue

@@ -95,7 +95,7 @@ function deleteProjectAction(projectId: string) {
     <ProgressSpinner/>
   </template>
   <template v-else-if="projects.length">
-    <DataView :value="projects">
+    <DataView :value="projects" data-key="id">
       <template #list="{items}">
         <template v-for="project in items" :key="project.id">
           <Card style="width: 300px;">

src/main.ts

@@ -21,7 +21,7 @@ const router = createRouter({
 
 let app = createApp(App)
 app.use(router);
-app.use(PrimeVueStyled);
+app.use(PrimeVueStyled as any);
 app.use(ToastService);
 app.use(DialogService);
 app.use(ConfirmationService);

tsconfig.json

@@ -19,7 +19,11 @@
 //    "noUnusedLocals": true,
 //    "noUnusedParameters": true,
 //    "noFallthroughCasesInSwitch": true
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+
+    "types": [
+      "unplugin-icons/types/vue"
+    ]
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]