Type definitions

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@mdi/font": "^7.4.47",
     "@supabase/supabase-js": "^2.41.1",
+    "@types/markdown-it": "^14.1.2",
     "@vee-validate/i18n": "^4.12.6",
     "@vee-validate/rules": "^4.12.6",
     "@vueuse/core": "^10.9.0",

src/components/memoEntry/MemoEntry.vue

@@ -270,7 +270,6 @@ const i18n = useI18n();
 const { alert } = useNotifications();
 
 const {
-  files,
   open: openImageDialog,
   reset: resetFileDialog,
   onChange: onFileDialogChange
@@ -379,9 +378,9 @@ const interactionDisabled = computed(() => props.disabled || props.readonly || s
 
 onFileDialogChange(async (files) => {
   if (files) {
-    for (const file of files) {
-      if (file.size < MAX_FILE_SIZE) {
-        (state.files as File[]).push(file);
+    for (let i = 0; i < files.length; i++) {
+      if (files[i].size < MAX_FILE_SIZE) {
+        (state.files as File[]).push(files[i]);
       } else {
         alert({
           text: "File too big! (Max 10MB)",

src/views/Resources.vue

@@ -168,7 +168,7 @@ const extensions = computed(() => {
 });
 
 const groupedFiles = computed<Record<string, MemoFileDetailed[]>>(() => {
-  const groups = {};
+  const groups: Record<string, MemoFileDetailed[]> = {};
   const extensions = new Set(state.files.map((f) => getExtensionFromFileName(f.name)));
 
   for (const extension of extensions) {

src/vue-smooth-dnd.d.ts

@@ -0,0 +1,59 @@
+declare module "vue3-smooth-dnd" {
+  import Vue from "vue";
+
+  type Payload = any;
+
+  interface DropResult {
+    removedIndex: number;
+    addedIndex: number;
+    payload: Payload;
+    element: Element;
+  }
+
+  interface DragEvent {
+    isSource: boolean;
+    payload: Payload;
+    willAcceptDrop: boolean;
+  }
+
+  interface NodeDescription {
+    value: string;
+    props: Vue.VNodeData;
+  }
+
+  interface ContainerProps {
+    orientation?: string;
+    behaviour?: string;
+    tag?: string | NodeDescription;
+    groupName?: string;
+    lockAxis?: string;
+    dragHandleSelector?: string;
+    nonDragAreaSelector?: string;
+    dragBeginDelay?: number;
+    animationDuration?: number;
+    autoScrollEnabled?: boolean;
+    dragClass?: string;
+    dropClass?: string;
+    removeOnDropOut?: boolean;
+    getChildPayload?: (index: number) => Payload;
+    shouldAnimateDrop?: (sourceContainerOptions: ContainerProps, payload: Payload) => boolean;
+    shouldAcceptDrop?: (sourceContainerOptions: ContainerProps, payload: Payload) => boolean;
+    getGhostParent: () => Element;
+    onDragStart?: (dragEvent: DragEvent) => void;
+    onDragEnd?: (dragEvent: DragEvent) => void;
+    onDrop?: (dropResult: DropResult) => void;
+    onDragEnter?: () => void;
+    onDragLeave?: () => void;
+    onDropReady?: (dropResult: DropResult) => void;
+  }
+
+  class Container extends Vue {
+    props: ContainerProps;
+  }
+
+  class Draggable extends Vue {
+    props: {
+      tag?: string | NodeDescription;
+    };
+  }
+}

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ESNext",
     "jsx": "preserve",
-    "lib": ["DOM", "ESNext"],
+    "lib": ["DOM", "ESNext", "dom.iterable"],
     "baseUrl": ".",
     "module": "ESNext",
     "moduleResolution": "bundler",