diff --git a/.eslintrc.js b/.eslintrc.js
index 1fc0f23210..41a60d1f4b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -22,7 +22,7 @@ module.exports = {
             modules: true,
         },
     },
-    plugins: ['@typescript-eslint', 'import'],
+    plugins: ['@typescript-eslint', 'import', 'svelte3'],
     rules: {
         'linebreak-style': ['error', 'unix'],
         quotes: ['error', 'single', { avoidEscape: true }],
@@ -48,4 +48,16 @@ module.exports = {
             },
         ],
     },
+    overrides: [
+        {
+            files: ['*.svelte'],
+            parser: 'svelte-eslint-parser',
+            parserOptions: {
+                parser: '@typescript-eslint/parser',
+            },
+            rules: {
+                'no-inner-declarations': 0,
+            },
+        },
+    ],
 };
diff --git a/package.json b/package.json
index 69a28546cf..b7a4ef0a8a 100644
--- a/package.json
+++ b/package.json
@@ -67,9 +67,11 @@
     "@floating-ui/dom": "^1.5.3",
     "boon-js": "^2.0.4",
     "chrono-node": "2.3.9",
+    "eslint-plugin-svelte3": "^4.0.0",
     "eventemitter2": "^6.4.5",
     "mustache": "^4.2.0",
     "mustache-validator": "^0.2.0",
-    "rrule": "^2.7.2"
+    "rrule": "^2.7.2",
+    "svelte-eslint-parser": "^0.33.1"
   }
 }
diff --git a/src/ui/DateEditor.svelte b/src/ui/DateEditor.svelte
index 5376022e9c..a4bf54a2db 100644
--- a/src/ui/DateEditor.svelte
+++ b/src/ui/DateEditor.svelte
@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script lang="ts">
     import { doAutocomplete } from '../lib/DateAbbreviations';
     import { parseTypedDateForDisplayUsingFutureDate } from '../lib/DateTools';
 
@@ -23,12 +23,12 @@
 <!-- svelte-ignore a11y-accesskey -->
 <input
     bind:value={date}
-    id={id}
+    {id}
     type="text"
     class:tasks-modal-error={!isDateValid}
     class="input"
     placeholder={datePlaceholder}
-    accesskey={accesskey}
+    {accesskey}
 />
 <code class="results">{dateSymbol} {@html parsedDate}</code>
 
diff --git a/src/ui/Dependency.svelte b/src/ui/Dependency.svelte
index b781e3972d..56cfcd5342 100644
--- a/src/ui/Dependency.svelte
+++ b/src/ui/Dependency.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-    import type { Task } from "../Task/Task";
-    import { computePosition, flip, offset, shift, size } from "@floating-ui/dom";
-    import type { EditableTask } from "./EditableTask";
+    import { computePosition, flip, offset, shift, size } from '@floating-ui/dom';
+    import type { Task } from '../Task/Task';
+    import type { EditableTask } from './EditableTask';
     import { descriptionAdjustedForDependencySearch, searchForCandidateTasksForDependency } from './DependencyHelpers';
 
     export let task: Task;
     export let editableTask: EditableTask;
     export let allTasks: Task[];
     export let _onDescriptionKeyDown: (e: KeyboardEvent) => void;
-    export let type: "blocking" | "blockedBy";
+    export let type: 'blocking' | 'blockedBy';
     export let accesskey: (key: string) => string | null;
     export let accesskeyLetter: string = '';
     export let placeholder: string = 'Type to search...';
@@ -30,14 +30,14 @@
     }
 
     function removeTask(task: Task) {
-        editableTask[type] = editableTask[type].filter(item => item !== task);
+        editableTask[type] = editableTask[type].filter((item) => item !== task);
     }
 
     function taskKeydown(e: KeyboardEvent) {
         if (searchResults === null) return;
 
-        switch(e.key) {
-            case "ArrowUp":
+        switch (e.key) {
+            case 'ArrowUp':
                 e.preventDefault();
                 if (!!searchIndex && searchIndex > 0) {
                     searchIndex -= 1;
@@ -45,7 +45,7 @@
                     searchIndex = searchResults.length - 1;
                 }
                 break;
-            case "ArrowDown":
+            case 'ArrowDown':
                 e.preventDefault();
                 if (!!searchIndex && searchIndex < searchResults.length - 1) {
                     searchIndex += 1;
@@ -53,12 +53,12 @@
                     searchIndex = 0;
                 }
                 break;
-            case "Enter":
+            case 'Enter':
                 if (searchIndex !== null) {
                     e.preventDefault();
                     addTask(searchResults[searchIndex]);
                     searchIndex = null;
-                    inputFocused = false
+                    inputFocused = false;
                 } else {
                     _onDescriptionKeyDown(e);
                 }
@@ -74,7 +74,13 @@
         if (!search && !showDropdown) return [];
 
         showDropdown = false;
-        return searchForCandidateTasksForDependency(search, allTasks, task, editableTask.blockedBy, editableTask.blocking);
+        return searchForCandidateTasksForDependency(
+            search,
+            allTasks,
+            task,
+            editableTask.blockedBy,
+            editableTask.blocking,
+        );
     }
 
     function onFocused() {
@@ -103,7 +109,7 @@
     }
 
     function displayPath(path: string) {
-        return path === task.taskLocation.path ? "" : path;
+        return path === task.taskLocation.path ? '' : path;
     }
 
     function descriptionTooltipText(task: Task) {
@@ -116,12 +122,9 @@
         tooltip.innerText = text;
 
         computePosition(element, tooltip, {
-            placement: "top",
-            middleware: [
-                offset(-18),
-                shift()
-            ]
-        }).then(({x, y}) => {
+            placement: 'top',
+            middleware: [offset(-18), shift()],
+        }).then(({ x, y }) => {
             tooltip.style.left = `${x}px`;
             tooltip.style.top = `${y}px`;
         });
@@ -145,31 +148,35 @@
         bind:value={search}
         on:keydown={(e) => taskKeydown(e)}
         on:focus={onFocused}
-        on:blur={() => inputFocused = false}
+        on:blur={() => (inputFocused = false)}
         accesskey={accesskey(accesskeyLetter)}
-        id="{type}"
+        id={type}
         class="input"
         type="text"
-        placeholder={placeholder}
+        {placeholder}
     />
 </span>
 {#if searchResults && searchResults.length !== 0}
-    <ul class="task-dependency-dropdown"
-        bind:this={dropdown}
-        on:mouseleave={() => searchIndex = null}>
+    <ul class="task-dependency-dropdown" bind:this={dropdown} on:mouseleave={() => (searchIndex = null)}>
         {#each searchResults as searchTask, index}
             {@const filepath = displayPath(searchTask.taskLocation.path)}
             <!-- svelte-ignore a11y-click-events-have-key-events -->
-            <li on:mousedown={() => addTask(searchTask)}
+            <li
+                on:mousedown={() => addTask(searchTask)}
                 class:selected={search !== null && index === searchIndex}
-                on:mouseenter={() => searchIndex = index}>
-                <div class="{filepath ? 'dependency-name-shared' : 'dependency-name'}"
-                     on:mouseenter={(e) => showDescriptionTooltip(e.currentTarget, descriptionTooltipText(searchTask))}>
+                on:mouseenter={() => (searchIndex = index)}
+            >
+                <div
+                    class={filepath ? 'dependency-name-shared' : 'dependency-name'}
+                    on:mouseenter={(e) => showDescriptionTooltip(e.currentTarget, descriptionTooltipText(searchTask))}
+                >
                     [{searchTask.status.symbol}] {descriptionAdjustedForDependencySearch(searchTask)}
                 </div>
                 {#if filepath}
-                    <div class="dependency-path"
-                         on:mouseenter={(e) => showDescriptionTooltip(e.currentTarget, filepath)}>
+                    <div
+                        class="dependency-path"
+                        on:mouseenter={(e) => showDescriptionTooltip(e.currentTarget, filepath)}
+                    >
                         {filepath}
                     </div>
                 {/if}
@@ -179,15 +186,28 @@
 {/if}
 <div class="task-dependencies-container results">
     {#each editableTask[type] as task}
-        <div class="task-dependency"
-             on:mouseenter={(e) => showDescriptionTooltip(e.currentTarget, descriptionTooltipText(task))}>
-            <span class="task-dependency-name">[{task.status.symbol}] {descriptionAdjustedForDependencySearch(task)}</span>
+        <div
+            class="task-dependency"
+            on:mouseenter={(e) => showDescriptionTooltip(e.currentTarget, descriptionTooltipText(task))}
+        >
+            <span class="task-dependency-name"
+                >[{task.status.symbol}] {descriptionAdjustedForDependencySearch(task)}</span
+            >
 
             <button on:click={() => removeTask(task)} type="button" class="task-dependency-delete">
-                <svg style="display: block; margin: auto;" xmlns="http://www.w3.org/2000/svg" width="12"
-                     viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round"
-                     stroke-linejoin="round" class="lucide lucide-x">
-                    <path d="M18 6 6 18"/><path d="m6 6 12 12"/>
+                <svg
+                    style="display: block; margin: auto;"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="12"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="4"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    class="lucide lucide-x"
+                >
+                    <path d="M18 6 6 18" /><path d="m6 6 12 12" />
                 </svg>
             </button>
         </div>
diff --git a/src/ui/EditTask.svelte b/src/ui/EditTask.svelte
index f49573d714..d3fac9262f 100644
--- a/src/ui/EditTask.svelte
+++ b/src/ui/EditTask.svelte
@@ -2,17 +2,17 @@
     import { onMount } from 'svelte';
     import { parseTypedDateForSaving } from '../lib/DateTools';
     import { Recurrence } from '../Task/Recurrence';
-    import { getSettings, TASK_FORMATS } from '../Config/Settings';
+    import { TASK_FORMATS, getSettings } from '../Config/Settings';
     import { GlobalFilter } from '../Config/GlobalFilter';
     import { Status } from '../Statuses/Status';
     import { Task } from '../Task/Task';
     import { TasksDate } from '../Scripting/TasksDate';
-    import { addDependencyToParent, ensureTaskHasId, generateUniqueId, removeDependency } from "../Task/TaskDependency";
-    import { replaceTaskWithTasks } from "../Obsidian/File";
-    import DateEditor from './DateEditor.svelte';
-    import type { EditableTask } from "./EditableTask";
-    import Dependency from "./Dependency.svelte";
+    import { addDependencyToParent, ensureTaskHasId, generateUniqueId, removeDependency } from '../Task/TaskDependency';
+    import { replaceTaskWithTasks } from '../Obsidian/File';
     import { Priority } from '../Task/Priority';
+    import DateEditor from './DateEditor.svelte';
+    import type { EditableTask } from './EditableTask';
+    import Dependency from './Dependency.svelte';
 
     // These exported variables are passed in as props by TaskModal.onOpen():
     export let task: Task;
@@ -49,7 +49,7 @@
         cancelledDate: '',
         forwardOnly: true,
         blockedBy: [],
-        blocking: []
+        blocking: [],
     };
 
     let isDescriptionValid: boolean = true;
@@ -73,64 +73,74 @@
     let mountComplete = false;
 
     const priorityOptions: {
-            value: typeof editableTask.priority,
-            label: string,
-            symbol: string,
-            accessKey: string,
-            accessKeyIndex: number}[] =
-        [{
+        value: typeof editableTask.priority;
+        label: string;
+        symbol: string;
+        accessKey: string;
+        accessKeyIndex: number;
+    }[] = [
+        {
             value: 'lowest',
             label: 'Lowest',
             symbol: prioritySymbols.Lowest,
             accessKey: 'o',
-            accessKeyIndex: 1
-        }, {
+            accessKeyIndex: 1,
+        },
+        {
             value: 'low',
             label: 'Low',
             symbol: prioritySymbols.Low,
             accessKey: 'l',
-            accessKeyIndex: 0
-        }, {
+            accessKeyIndex: 0,
+        },
+        {
             value: 'none',
             label: 'Normal',
             symbol: prioritySymbols.None,
             accessKey: 'n',
-            accessKeyIndex: 0
-        }, {
+            accessKeyIndex: 0,
+        },
+        {
             value: 'medium',
             label: 'Medium',
             symbol: prioritySymbols.Medium,
             accessKey: 'm',
-            accessKeyIndex: 0
-        }, {
+            accessKeyIndex: 0,
+        },
+        {
             value: 'high',
             label: 'High',
             symbol: prioritySymbols.High,
             accessKey: 'h',
-            accessKeyIndex: 0
-        }, {
+            accessKeyIndex: 0,
+        },
+        {
             value: 'highest',
             label: 'Highest',
             symbol: prioritySymbols.Highest,
             accessKey: 'i',
-            accessKeyIndex: 1
-        }]
+            accessKeyIndex: 1,
+        },
+    ];
 
     async function serialiseTaskId(task: Task) {
-        if (task.id !== "") return task;
+        if (task.id !== '') return task;
 
-        const tasksWithId = allTasks.filter(task => task.id !== "");
+        const tasksWithId = allTasks.filter((task) => task.id !== '');
 
-        const updatedTask = ensureTaskHasId(task, tasksWithId.map(task => task.id));
+        const updatedTask = ensureTaskHasId(
+            task,
+            tasksWithId.map((task) => task.id),
+        );
 
-        await replaceTaskWithTasks({originalTask: task, newTasks: updatedTask});
+        await replaceTaskWithTasks({ originalTask: task, newTasks: updatedTask });
 
         return updatedTask;
     }
 
     const _onStatusChange = () => {
         // Use statusSymbol to find the status to save to editableTask.status
-        const selectedStatus: Status | undefined = statusOptions.find((s)=> s.symbol === statusSymbol);
+        const selectedStatus: Status | undefined = statusOptions.find((s) => s.symbol === statusSymbol);
         if (selectedStatus) {
             editableTask.status = selectedStatus;
         } else {
@@ -147,10 +157,18 @@
             editableTask.doneDate = taskWithEditedStatusApplied.done.formatAsDate();
             editableTask.cancelledDate = taskWithEditedStatusApplied.cancelled.formatAsDate();
         }
-    }
+    };
 
-    $: accesskey = (key: string) => withAccessKeys ? key : null;
-    $: formIsValid = isDueDateValid && isRecurrenceValid && isScheduledDateValid && isStartDateValid && isDescriptionValid && isCancelledDateValid && isCreatedDateValid && isDoneDateValid;
+    $: accesskey = (key: string) => (withAccessKeys ? key : null);
+    $: formIsValid =
+        isDueDateValid &&
+        isRecurrenceValid &&
+        isScheduledDateValid &&
+        isStartDateValid &&
+        isDescriptionValid &&
+        isCancelledDateValid &&
+        isCreatedDateValid &&
+        isDoneDateValid;
     $: isDescriptionValid = editableTask.description.trim() !== '';
 
     // NEW_TASK_FIELD_EDIT_REQUIRED
@@ -160,12 +178,12 @@
             parsedRecurrence = '<i>not recurring</>';
         } else {
             const recurrenceFromText = Recurrence.fromText({
-                    recurrenceRuleText: editableTask.recurrenceRule,
-                    // Only for representation in the modal, no dates required.
-                    startDate: null,
-                    scheduledDate: null,
-                    dueDate: null,
-                })?.toText();
+                recurrenceRuleText: editableTask.recurrenceRule,
+                // Only for representation in the modal, no dates required.
+                startDate: null,
+                scheduledDate: null,
+                dueDate: null,
+            })?.toText();
             if (!recurrenceFromText) {
                 parsedRecurrence = '<i>invalid recurrence rule</i>';
                 isRecurrenceValid = false;
@@ -204,14 +222,14 @@
         const blockedBy: Task[] = [];
 
         for (const taskId of task.dependsOn) {
-            const depTask = allTasks.find(cacheTask => cacheTask.id === taskId);
+            const depTask = allTasks.find((cacheTask) => cacheTask.id === taskId);
 
             if (!depTask) continue;
 
             blockedBy.push(depTask);
         }
 
-        originalBlocking = allTasks.filter(cacheTask => cacheTask.dependsOn.includes(task.id));
+        originalBlocking = allTasks.filter((cacheTask) => cacheTask.dependsOn.includes(task.id));
 
         editableTask = {
             // NEW_TASK_FIELD_EDIT_REQUIRED
@@ -227,7 +245,7 @@
             cancelledDate: new TasksDate(task.cancelledDate).formatAsDate(),
             forwardOnly: true,
             blockedBy: blockedBy,
-            blocking: originalBlocking
+            blocking: originalBlocking,
         };
 
         mountComplete = true;
@@ -239,31 +257,32 @@
 
     const _onPriorityKeyup = (event: KeyboardEvent) => {
         if (event.key && !event.altKey && !event.ctrlKey) {
-            const priorityOption = priorityOptions.find(
-                option => option.label.charAt(0).toLowerCase() == event.key);
+            const priorityOption = priorityOptions.find((option) => option.label.charAt(0).toLowerCase() == event.key);
             if (priorityOption) {
                 editableTask.priority = priorityOption.value;
             }
         }
-    }
+    };
 
     const _onClose = () => {
         onSubmit([]);
-    }
+    };
 
     const _onDescriptionKeyDown = (e: KeyboardEvent) => {
         if (e.key === 'Enter') {
             e.preventDefault();
             if (formIsValid) _onSubmit();
         }
-    }
+    };
 
     // this is called, when text is pasted or dropped into
     // the description field, to remove any linebreaks
     const _removeLinebreaksFromDescription = () => {
         // wrapped into a timer to run after the paste/drop event
-        setTimeout(() => { editableTask.description = editableTask.description.replace(/[\r\n]+/g, ' ')}, 0);
-    }
+        setTimeout(() => {
+            editableTask.description = editableTask.description.replace(/[\r\n]+/g, ' ');
+        }, 0);
+    };
 
     const _onSubmit = async () => {
         // NEW_TASK_FIELD_EDIT_REQUIRED
@@ -323,13 +342,13 @@
         let addedBlocking: Task[] = [];
 
         if (editableTask.blocking.toString() !== originalBlocking.toString() || editableTask.blocking.length !== 0) {
-            if (task.id === "") {
-                id = generateUniqueId(allTasks.filter(task => task.id !== "").map(task => task.id));
+            if (task.id === '') {
+                id = generateUniqueId(allTasks.filter((task) => task.id !== '').map((task) => task.id));
             }
 
-            removedBlocking = originalBlocking.filter(task => !editableTask.blocking.includes(task))
+            removedBlocking = originalBlocking.filter((task) => !editableTask.blocking.includes(task));
 
-            addedBlocking = editableTask.blocking.filter(task => !originalBlocking.includes(task))
+            addedBlocking = editableTask.blocking.filter((task) => !originalBlocking.includes(task));
         }
 
         // First create an updated task, with all edits except Status:
@@ -346,18 +365,18 @@
             doneDate,
             createdDate,
             cancelledDate,
-            dependsOn: blockedByWithIds.map(task => task.id),
-            id
+            dependsOn: blockedByWithIds.map((task) => task.id),
+            id,
         });
 
         for (const blocking of removedBlocking) {
-            const newParent = removeDependency(blocking, updatedTask)
-            await replaceTaskWithTasks({originalTask: blocking, newTasks: newParent});
+            const newParent = removeDependency(blocking, updatedTask);
+            await replaceTaskWithTasks({ originalTask: blocking, newTasks: newParent });
         }
 
         for (const blocking of addedBlocking) {
-            const newParent = addDependencyToParent(blocking, updatedTask)
-            await replaceTaskWithTasks({originalTask: blocking, newTasks: newParent});
+            const newParent = addDependencyToParent(blocking, updatedTask);
+            await replaceTaskWithTasks({ originalTask: blocking, newTasks: newParent });
         }
 
         // Then apply the new status to the updated task, in case a new recurrence
@@ -401,7 +420,7 @@ Availability of access keys:
 -->
 
 <div class="tasks-modal">
-    <form on:submit|preventDefault={_onSubmit} class:with-accesskeys="{withAccessKeys}">
+    <form on:submit|preventDefault={_onSubmit} class:with-accesskeys={withAccessKeys}>
         <!-- NEW_TASK_FIELD_EDIT_REQUIRED -->
 
         <!-- --------------------------------------------------------------------------- -->
@@ -416,7 +435,7 @@ Availability of access keys:
                 id="description"
                 class="tasks-modal-description"
                 placeholder="Take out the trash"
-                accesskey={accesskey("t")}
+                accesskey={accesskey('t')}
                 on:keydown={_onDescriptionKeyDown}
                 on:paste={_removeLinebreaksFromDescription}
                 on:drop={_removeLinebreaksFromDescription}
@@ -428,7 +447,7 @@ Availability of access keys:
         <!-- --------------------------------------------------------------------------- -->
         <div class="tasks-modal-section tasks-modal-priorities" on:keyup={_onPriorityKeyup}>
             <label for="priority-{editableTask.priority}">Priority</label>
-            {#each priorityOptions as {value, label, symbol, accessKey, accessKeyIndex}}
+            {#each priorityOptions as { value, label, symbol, accessKey, accessKeyIndex }}
                 <span>
                     <!-- svelte-ignore a11y-accesskey -->
                     <input
@@ -439,7 +458,9 @@ Availability of access keys:
                         accesskey={accesskey(accessKey)}
                     />
                     <label for="priority-{value}">
-                        <span>{label.substring(0,accessKeyIndex)}</span><span class="accesskey">{label.substring(accessKeyIndex,accessKeyIndex+1)}</span><span>{label.substring(accessKeyIndex+1)}</span>
+                        <span>{label.substring(0, accessKeyIndex)}</span><span class="accesskey"
+                            >{label.substring(accessKeyIndex, accessKeyIndex + 1)}</span
+                        ><span>{label.substring(accessKeyIndex + 1)}</span>
                         {#if symbol && symbol.charCodeAt(0) >= 0x100}
                             <span>{symbol}</span>
                         {/if}
@@ -464,7 +485,7 @@ Availability of access keys:
                 class:tasks-modal-error={!isRecurrenceValid}
                 class="input"
                 placeholder="Try 'every 2 weeks on Thursday'."
-                accesskey={accesskey("r")}
+                accesskey={accesskey('r')}
             />
             <code class="results">{recurrenceSymbol} {@html parsedRecurrence}</code>
         </div>
@@ -472,19 +493,19 @@ Availability of access keys:
         <!-- --------------------------------------------------------------------------- -->
         <!--  Dates  -->
         <!-- --------------------------------------------------------------------------- -->
-        <hr>
+        <hr />
         <div class="tasks-modal-section tasks-modal-dates">
             <!-- --------------------------------------------------------------------------- -->
             <!--  Due Date  -->
             <!-- --------------------------------------------------------------------------- -->
             <label for="due" class="accesskey-first">Due</label>
             <DateEditor
-                id='due'
+                id="due"
                 dateSymbol={dueDateSymbol}
                 bind:date={editableTask.dueDate}
                 bind:isDateValid={isDueDateValid}
                 forwardOnly={editableTask.forwardOnly}
-                accesskey={accesskey("d")}
+                accesskey={accesskey('d')}
             />
 
             <!-- --------------------------------------------------------------------------- -->
@@ -492,12 +513,12 @@ Availability of access keys:
             <!-- --------------------------------------------------------------------------- -->
             <label for="scheduled" class="accesskey-first">Scheduled</label>
             <DateEditor
-                id='scheduled'
+                id="scheduled"
                 dateSymbol={scheduledDateSymbol}
                 bind:date={editableTask.scheduledDate}
                 bind:isDateValid={isScheduledDateValid}
                 forwardOnly={editableTask.forwardOnly}
-                accesskey={accesskey("s")}
+                accesskey={accesskey('s')}
             />
 
             <!-- --------------------------------------------------------------------------- -->
@@ -505,27 +526,29 @@ Availability of access keys:
             <!-- --------------------------------------------------------------------------- -->
             <label for="start">St<span class="accesskey">a</span>rt</label>
             <DateEditor
-                id='start'
+                id="start"
                 dateSymbol={startDateSymbol}
                 bind:date={editableTask.startDate}
                 bind:isDateValid={isStartDateValid}
                 forwardOnly={editableTask.forwardOnly}
-                accesskey={accesskey("a")}
+                accesskey={accesskey('a')}
             />
 
             <!-- --------------------------------------------------------------------------- -->
             <!--  Only future dates  -->
             <!-- --------------------------------------------------------------------------- -->
             <div>
-                <label for="forwardOnly">Only
-                    <span class="accesskey-first">future</span> dates:</label>
+                <label for="forwardOnly"
+                    >Only
+                    <span class="accesskey-first">future</span> dates:</label
+                >
                 <!-- svelte-ignore a11y-accesskey -->
                 <input
                     bind:checked={editableTask.forwardOnly}
                     id="forwardOnly"
                     type="checkbox"
                     class="input task-list-item-checkbox tasks-modal-checkbox"
-                    accesskey={accesskey("f")}
+                    accesskey={accesskey('f')}
                 />
             </div>
         </div>
@@ -533,22 +556,38 @@ Availability of access keys:
         <!-- --------------------------------------------------------------------------- -->
         <!--  Dependencies  -->
         <!-- --------------------------------------------------------------------------- -->
-        <hr>
+        <hr />
         <div class="tasks-modal-section tasks-modal-dates">
             {#if allTasks.length > 0 && mountComplete}
                 <!-- --------------------------------------------------------------------------- -->
                 <!--  Blocked By Tasks  -->
                 <!-- --------------------------------------------------------------------------- -->
                 <label for="blockedBy" class="accesskey-first">Before this</label>
-                <Dependency type="blockedBy" task={task} editableTask={editableTask} allTasks={allTasks}
-                            _onDescriptionKeyDown={_onDescriptionKeyDown} accesskey={accesskey} accesskeyLetter="b" placeholder='Search for tasks that the task being edited depends on...' />
+                <Dependency
+                    type="blockedBy"
+                    {task}
+                    {editableTask}
+                    {allTasks}
+                    {_onDescriptionKeyDown}
+                    {accesskey}
+                    accesskeyLetter="b"
+                    placeholder="Search for tasks that the task being edited depends on..."
+                />
 
                 <!-- --------------------------------------------------------------------------- -->
                 <!--  Blocking Tasks  -->
                 <!-- --------------------------------------------------------------------------- -->
                 <label for="blocking">Aft<span class="accesskey">e</span>r this</label>
-                <Dependency type="blocking" task={task} editableTask={editableTask} allTasks={allTasks}
-                            _onDescriptionKeyDown={_onDescriptionKeyDown} accesskey={accesskey} accesskeyLetter="e" placeholder='Search for tasks that depend on this task being done...' />
+                <Dependency
+                    type="blocking"
+                    {task}
+                    {editableTask}
+                    {allTasks}
+                    {_onDescriptionKeyDown}
+                    {accesskey}
+                    accesskeyLetter="e"
+                    placeholder="Search for tasks that depend on this task being done..."
+                />
             {:else}
                 <div><i>Blocking and blocked by fields are disabled when vault tasks is empty</i></div>
             {/if}
@@ -557,15 +596,17 @@ Availability of access keys:
         <!-- --------------------------------------------------------------------------- -->
         <!--  Status  -->
         <!-- --------------------------------------------------------------------------- -->
-        <hr>
+        <hr />
         <div class="tasks-modal-section">
             <label for="status">Stat<span class="accesskey">u</span>s</label>
             <!-- svelte-ignore a11y-accesskey -->
-            <select bind:value={statusSymbol}
-                    on:change={_onStatusChange}
-                    id="status-type"
-                    class="dropdown"
-                    accesskey={accesskey('u')}>
+            <select
+                bind:value={statusSymbol}
+                on:change={_onStatusChange}
+                id="status-type"
+                class="dropdown"
+                accesskey={accesskey('u')}
+            >
                 {#each statusOptions as status}
                     <option value={status.symbol}>{status.name} [{status.symbol}]</option>
                 {/each}
@@ -578,7 +619,7 @@ Availability of access keys:
             <!-- --------------------------------------------------------------------------- -->
             <label for="created">Created</label>
             <DateEditor
-                id='created'
+                id="created"
                 dateSymbol={createdDateSymbol}
                 bind:date={editableTask.createdDate}
                 bind:isDateValid={isCreatedDateValid}
@@ -591,7 +632,7 @@ Availability of access keys:
             <!-- --------------------------------------------------------------------------- -->
             <label for="done">Done</label>
             <DateEditor
-                id='done'
+                id="done"
                 dateSymbol={doneDateSymbol}
                 bind:date={editableTask.doneDate}
                 bind:isDateValid={isDoneDateValid}
@@ -604,7 +645,7 @@ Availability of access keys:
             <!-- --------------------------------------------------------------------------- -->
             <label for="cancelled">Cancelled</label>
             <DateEditor
-                id='cancelled'
+                id="cancelled"
                 dateSymbol={cancelledDateSymbol}
                 bind:date={editableTask.cancelledDate}
                 bind:isDateValid={isCancelledDateValid}
@@ -614,8 +655,7 @@ Availability of access keys:
         </div>
 
         <div class="tasks-modal-section tasks-modal-buttons">
-            <button disabled={!formIsValid} type="submit" class="mod-cta">Apply
-            </button>
+            <button disabled={!formIsValid} type="submit" class="mod-cta">Apply </button>
             <button type="button" on:click={_onClose}>Cancel</button>
         </div>
     </form>
diff --git a/yarn.lock b/yarn.lock
index 8a9457b921..737e786566 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2596,6 +2596,11 @@ eslint-plugin-prettier@^4.2.1:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
+eslint-plugin-svelte3@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-svelte3/-/eslint-plugin-svelte3-4.0.0.tgz#3d4f3dcaec5761dac8bc697f81de3613b485b4e3"
+  integrity sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==
+
 eslint-scope@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
@@ -2604,7 +2609,7 @@ eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.2.2:
+eslint-scope@^7.0.0, eslint-scope@^7.2.2:
   version "7.2.2"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
   integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
@@ -2617,7 +2622,7 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
@@ -2666,7 +2671,7 @@ eslint@^8.41.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-espree@^9.6.0, espree@^9.6.1:
+espree@^9.0.0, espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
@@ -4360,6 +4365,11 @@ nanoid@^3.3.6:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
+nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
 natives@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/natives/-/natives-1.1.6.tgz#a603b4a498ab77173612b9ea1acdec4d980f00bb"
@@ -4646,6 +4656,11 @@ pluralize@^8.0.0:
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
   integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
 
+postcss-scss@^4.0.8:
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
+  integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
+
 postcss-values-parser@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz#da8b472d901da1e205b47bdc98637b9e9e550e5f"
@@ -4673,6 +4688,15 @@ postcss@^8.1.7, postcss@^8.4.23:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^8.4.29:
+  version "8.4.35"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.35.tgz#60997775689ce09011edf083a549cea44aabe2f7"
+  integrity sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 precinct@^8.1.0:
   version "8.3.1"
   resolved "https://registry.yarnpkg.com/precinct/-/precinct-8.3.1.tgz#94b99b623df144eed1ce40e0801c86078466f0dc"
@@ -5375,6 +5399,17 @@ svelte-check@^3.4.6:
     svelte-preprocess "^5.1.0"
     typescript "^5.0.3"
 
+svelte-eslint-parser@^0.33.1:
+  version "0.33.1"
+  resolved "https://registry.yarnpkg.com/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz#c64dbed2fad099577429b3c39377f6b8d36e5d97"
+  integrity sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==
+  dependencies:
+    eslint-scope "^7.0.0"
+    eslint-visitor-keys "^3.0.0"
+    espree "^9.0.0"
+    postcss "^8.4.29"
+    postcss-scss "^4.0.8"
+
 svelte-jester@^2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/svelte-jester/-/svelte-jester-2.3.2.tgz#9eb818da30807bbcc940b6130d15b2c34408d64f"