Run eslint with autofix

web/src/pages/Budgeting.vue

@@ -75,79 +75,91 @@ function assignedChanged(e : Event, category : Category){
 </script>
 
 <template>
-    <h1>Budget for {{ selected.Month + 1 }}/{{ selected.Year }}</h1>
-    <span
-        >Available balance:
-        <Currency
-            :value="accountStore.GetIncomeAvailable(selected.Year, selected.Month)"
+  <h1>Budget for {{ selected.Month + 1 }}/{{ selected.Year }}</h1>
+  <span>Available balance:
+    <Currency
+      :value="accountStore.GetIncomeAvailable(selected.Year, selected.Month)"
     /></span>
-    <div>
-        <router-link
-            :to="'/budget/' + CurrentBudgetID + '/budgeting/' + previous.Year + '/' + previous.Month"
-            >&lt;&lt;</router-link
-        >&nbsp;
-        <router-link
-            :to="'/budget/' + CurrentBudgetID + '/budgeting/' + current.Year + '/' + current.Month"
-            >Current Month</router-link
-        >&nbsp;
-        <router-link
-            :to="'/budget/' + CurrentBudgetID + '/budgeting/' + next.Year + '/' + next.Month"
-            >&gt;&gt;</router-link
-        >
-    </div>
-    <div
-        class="container col-lg-12 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-5"
-        id="content">
-        <span class="hidden sm:block"></span>
-        <span class="hidden lg:block text-right">Leftover</span>
-        <span class="hidden sm:block text-right">Assigned</span>
-        <span class="hidden sm:block text-right">Activity</span>
-        <span class="hidden sm:block text-right">Available</span>
-        <template v-for="group in GroupsForMonth">
-            <span
-                class="text-lg font-bold mt-2"
-                @click="toggleGroup(group)"
-                >{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</span
-            >
-            <Currency
-                :value="group.AvailableLastMonth"
-                class="hidden lg:block mt-2"
-                positive-class="text-slate-500"
-                negative-class="text-red-700 dark:text-red-400" />
-            <Currency
-                :value="group.Assigned"
-                class="hidden sm:block mx-2 mt-2 text-right"
-                positive-class="text-slate-500"
-                negative-class="text-red-700 dark:text-red-400" />
-            <Currency
-                :value="group.Activity"
-                class="hidden sm:block mt-2"
-                positive-class="text-slate-500"
-                negative-class="text-red-700 dark:text-red-400" />
-            <Currency
-                :value="group.Available"
-                class="mt-2"
-                positive-class="text-slate-500"
-                negative-class="text-red-700 dark:text-red-400" />
-            <template
-                v-for="category in GetCategories(group.Name)"
-                v-if="getGroupState(group)">
-                <span
-                    class="whitespace-nowrap overflow-hidden"
-                    >{{ category.Name }}</span
-                >
-                <Currency
-                    :value="category.AvailableLastMonth"
-                    class="hidden lg:block" />
-                <Input
-                    type="number"
-                    v-model="category.Assigned"
-                    @input="(evt) => assignedChanged(evt, category)"
-                    class="hidden sm:block mx-2 text-right" />
-                <Currency :value="category.Activity" class="hidden sm:block" />
-                <Currency
-                    :value="accountStore.GetCategoryAvailable(category)" />
-            </template>
-        </template>
-    </div>
+  <div>
+    <router-link
+      :to="'/budget/' + CurrentBudgetID + '/budgeting/' + previous.Year + '/' + previous.Month"
+    >
+      &lt;&lt;
+    </router-link>&nbsp;
+    <router-link
+      :to="'/budget/' + CurrentBudgetID + '/budgeting/' + current.Year + '/' + current.Month"
+    >
+      Current Month
+    </router-link>&nbsp;
+    <router-link
+      :to="'/budget/' + CurrentBudgetID + '/budgeting/' + next.Year + '/' + next.Month"
+    >
+      &gt;&gt;
+    </router-link>
+  </div>
+  <div
+    id="content"
+    class="container col-lg-12 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-5"
+  >
+    <span class="hidden sm:block" />
+    <span class="hidden lg:block text-right">Leftover</span>
+    <span class="hidden sm:block text-right">Assigned</span>
+    <span class="hidden sm:block text-right">Activity</span>
+    <span class="hidden sm:block text-right">Available</span>
+    <template v-for="group in GroupsForMonth">
+      <span
+        class="text-lg font-bold mt-2"
+        @click="toggleGroup(group)"
+      >{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</span>
+      <Currency
+        :value="group.AvailableLastMonth"
+        class="hidden lg:block mt-2"
+        positive-class="text-slate-500"
+        negative-class="text-red-700 dark:text-red-400"
+      />
+      <Currency
+        :value="group.Assigned"
+        class="hidden sm:block mx-2 mt-2 text-right"
+        positive-class="text-slate-500"
+        negative-class="text-red-700 dark:text-red-400"
+      />
+      <Currency
+        :value="group.Activity"
+        class="hidden sm:block mt-2"
+        positive-class="text-slate-500"
+        negative-class="text-red-700 dark:text-red-400"
+      />
+      <Currency
+        :value="group.Available"
+        class="mt-2"
+        positive-class="text-slate-500"
+        negative-class="text-red-700 dark:text-red-400"
+      />
+      <template
+        v-for="category in GetCategories(group.Name)"
+        v-if="getGroupState(group)"
+      >
+        <span
+          class="whitespace-nowrap overflow-hidden"
+        >{{ category.Name }}</span>
+        <Currency
+          :value="category.AvailableLastMonth"
+          class="hidden lg:block"
+        />
+        <Input
+          v-model="category.Assigned"
+          type="number"
+          class="hidden sm:block mx-2 text-right"
+          @input="(evt) => assignedChanged(evt, category)"
+        />
+        <Currency
+          :value="category.Activity"
+          class="hidden sm:block"
+        />
+        <Currency
+          :value="accountStore.GetCategoryAvailable(category)"
+        />
+      </template>
+    </template>
+  </div>
 </template>