Fix lint

eslint.config.js

@@ -19,7 +19,7 @@ const compat = new FlatCompat({
 
 export default [
   {
-    ignores: ['**/*.js', '**/playwright.config.ts', '**/service-worker.ts'],
+    ignores: ['**/*.js', '**/playwright.config.ts', '**/service-worker.ts', '.svelte-kit/**'],
   },
   ...compat.extends(
     'eslint:recommended',

src/lib/ui/Loader.svelte

@@ -4,7 +4,7 @@
 
 <div class="loader">
   {#if visible}
-    <div class="indicator" />
+    <div class="indicator"></div>
   {/if}
 </div>
 

src/lib/ui/ShowMoreContainer.svelte

@@ -17,7 +17,7 @@
 <IntersectionObserver element={showMoreContainer} on:intersect={showMore}>
   <slot />
   <div class="show-more">
-    <div bind:this={showMoreContainer} class="show-more-before" />
+    <div bind:this={showMoreContainer} class="show-more-before"></div>
     {#if limit < total}
       <div class="flex-col px-1 pb-1">
         <Button color="white" on:click={showMore}>

src/lib/ui/Switch.svelte

@@ -4,7 +4,7 @@
 
 <label class="switch" class:active={checked}>
   <input type="checkbox" bind:checked />
-  <div class="indicator" />
+  <div class="indicator"></div>
 </label>
 
 <style>

src/lib/ui/list/ListSelectOption.svelte

@@ -11,7 +11,7 @@
     <span>{value}</span>
     <input type="radio" {checked} />
     {#if checked}
-      <span class="indicator" />
+      <span class="indicator"></span>
     {/if}
   </label>
 </ListGroupItem>

src/lib/widgets/TimeZoneList.svelte

@@ -68,4 +68,4 @@
   {/each}
 </ListGroup>
 
-<div class="pb-1" />
+<div class="pb-1"></div>

src/routes/accounts/AccountCard.svelte

@@ -49,7 +49,7 @@
       </div>
     {/if}
   </div>
-  <div class="flex footer" />
+  <div class="flex footer"></div>
 </div>
 
 <style>

src/routes/accounts/AccountCards.svelte

@@ -70,7 +70,7 @@
           currencyRate={findCurrencyRate(currencyRates, settings?.currency, account.currency)}
           {onEdit}
         />
-        <div id={`account-card-${account.id}`} class="account-card-anchor" />
+        <div id={`account-card-${account.id}`} class="account-card-anchor"></div>
       </div>
     {/each}
     {#if accounts.length === 0}

src/routes/accounts/list/AccountList.svelte

@@ -95,7 +95,7 @@
         <Button color={showFilters ? 'primary' : 'white'} bordered on:click={() => (showFilters = !showFilters)}>
           <Icon size={1.25} name="mdi:filter" />
           {#if selectedTags.length || selectedCurrencies.length || $hideZeroBalanceAccounts}
-            <span class="filter-badge" />
+            <span class="filter-badge"></span>
           {/if}
         </Button>
       </div>

src/routes/accounts/list/AccountListItem.svelte

@@ -44,7 +44,7 @@
       {/if}
     </div>
   </div>
-  <div class="flex-grow self-stretch" />
+  <div class="flex-grow self-stretch"></div>
   <div class="flex gap-0.25 items-center">
     <div class="flex-col items-end gap-0.25">
       <div class="money-value flex gap-0.5">

src/routes/analytics/accounts/AccountsAnalyticsTable.svelte

@@ -30,7 +30,7 @@
           <tr>
             <th class="text-left" colspan="2">
               <div class="flex gap-0.25 items-center">
-                <span class="color-badge" style:background={group?.color ?? '#bbb'} />
+                <span class="color-badge" style:background={group?.color ?? '#bbb'}></span>
                 <span class="text-ellipsis">
                   {group?.name ?? $translate('analytics.groupings.groups.other')}
                 </span>
@@ -52,7 +52,7 @@
             <td class="name-cell">
               <div class="flex gap-0.25 items-end">
                 <div class="flex gap-0.25 items-center">
-                  <span class="color-badge" style:background={item.color} />
+                  <span class="color-badge" style:background={item.color}></span>
                   <span class="account-name text-ellipsis-all">{item.account.name}</span>
                 </div>
                 <span class="original-currency secondary">{item.account.currency}</span>
@@ -71,10 +71,10 @@
         {/each}
       </tbody>
     {/each}
-    <tbody />
+    <tbody></tbody>
     <tfoot>
       <tr>
-        <td />
+        <td></td>
         <td>
           <div class="text-right">{$translate('analytics.accounts.total')}:</div>
         </td>

src/routes/analytics/balance/BalanceChartLegend.svelte

@@ -31,7 +31,7 @@
       <li>
         <Checkbox checked={selectedAccounts.includes(account.id)} onChange={(value) => handleChange(account.id, value)}>
           <div class="py-0.5 flex gap-0.5">
-            <div class="color" style="background-color: {account.color}" />
+            <div class="color" style="background-color: {account.color}"></div>
             <span>{account.name}</span>
           </div>
         </Checkbox>

src/routes/categories/CategoryModal.svelte

@@ -93,7 +93,7 @@
       />
       <datalist id="categories">
         {#each suggestions as option}
-          <option value={$translate(option)} />
+          <option value={$translate(option)}></option>
         {/each}
       </datalist>
       <div class="flex-col gap-0.5">

src/routes/settings/Settings.svelte

@@ -19,8 +19,9 @@
   import MainCurrencyModal from './currency-rates/MainCurrencyModal.svelte';
 
   // TODO: selectedMember is not a user, it can be a group
+  const isGuest = membersService.isGuest;
   $: selectedMember = $selectedMemberStore;
-  $: userIsLoggedIn = selectedMember && !membersService.isGuest;
+  $: userIsLoggedIn = selectedMember && !isGuest;
 
   $: memberSettings = $memberSettingsStore;
 

src/routes/settings/import-export/+page.svelte

@@ -147,7 +147,7 @@
   <h2>{$translate('import_export.import')}</h2>
   <label class="flex-col gap-0.5">
     <span>{$translate('import_export.raw_data_json')}:</span>
-    <textarea class="text-area-json" data-testId="ImportTextArea" bind:value={rawImport} />
+    <textarea class="text-area-json" data-testId="ImportTextArea" bind:value={rawImport}></textarea>
   </label>
 
   <button data-testId="ParseJsonButton" class="mt-1 w-full" on:click={parseInput}>
@@ -173,7 +173,7 @@
   <h2>{$translate('import_export.export')}</h2>
   <label class="flex-col gap-0.5">
     <span>{$translate('import_export.raw_data_json')}:</span>
-    <textarea class="text-area-json" value={currentJson} />
+    <textarea class="text-area-json" value={currentJson}></textarea>
   </label>
   <p>
     <span>{$translate('import_export.categories')}: <b>{current.categories?.length ?? 0}</b>,</span>

src/routes/transactions/form/TransactionForm.svelte

@@ -319,7 +319,7 @@
     />
     <datalist id="suggestions">
       {#each suggestions as option}
-        <option value={option} />
+        <option value={option}></option>
       {/each}
     </datalist>
     {#if comment && replaceCalcExpressions(comment) !== comment}

src/routes/uikit/ColorItem.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <div class="color-item">
-  <div class="color" style:background-color={color.startsWith('--') ? `var(${color})` : color} />
+  <div class="color" style:background-color={color.startsWith('--') ? `var(${color})` : color}></div>
   <span>{color}</span>
 </div>