diff --git a/src/components/ListCategoryNew.vue b/src/components/ListCategoryNew.vue
index bf751e2..82a900a 100644
--- a/src/components/ListCategoryNew.vue
+++ b/src/components/ListCategoryNew.vue
@@ -9,8 +9,8 @@
 			@trailing-button-click="newCategoryName = ''" />
 
 		<NcButton type="tertiary"
-              :aria-label="t('grocerylist', 'Add category {category}', { category: newCategoryName })"
-              @click="addCategory">
+			:aria-label="t('grocerylist', 'Add category {category}', { category: newCategoryName })"
+			@click="addCategory">
 			<template #icon>
 				<IconPlus :size="20" />
 			</template>
diff --git a/src/components/NavigationGroceryListItem.vue b/src/components/NavigationGroceryListItem.vue
index 8676f2e..9008014 100644
--- a/src/components/NavigationGroceryListItem.vue
+++ b/src/components/NavigationGroceryListItem.vue
@@ -16,11 +16,11 @@
 				{{ t('grocerylist', 'Delete list') }}
 			</NcActionButton>
 		</template>
-    <template #counter v-if="groceryList.uncheckedCount > 0">
-      <NcCounterBubble>
-        {{ groceryList.uncheckedCount }}
-      </NcCounterBubble>
-    </template>
+		<template v-if="groceryList.uncheckedCount > 0" #counter>
+			<NcCounterBubble>
+				{{ groceryList.uncheckedCount }}
+			</NcCounterBubble>
+		</template>
 	</NcAppNavigationItem>
 </template>
 <script>
@@ -28,7 +28,7 @@ import { showError, showInfo, showSuccess } from '@nextcloud/dialogs'
 import {
 	NcActionButton,
 	NcAppNavigationItem,
-  NcCounterBubble,
+	NcCounterBubble,
 } from '@nextcloud/vue'
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
@@ -38,7 +38,7 @@ export default {
 	components: {
 		NcActionButton,
 		NcAppNavigationItem,
-    NcCounterBubble
+		NcCounterBubble,
 	},
 	props: {
 		groceryList: {
@@ -63,14 +63,14 @@ export default {
 		},
 		title() {
 			return this.groceryList.title
-    },
-    titleWithCount() {
-      if (this.groceryList.uncheckedCount > 0) {
-        return this.groceryList.title + ' (' + this.groceryList.uncheckedCount + ')'
-      } else {
-        return this.groceryList.title
-      }
-    },
+		},
+		titleWithCount() {
+			if (this.groceryList.uncheckedCount > 0) {
+				return this.groceryList.title + ' (' + this.groceryList.uncheckedCount + ')'
+			} else {
+				return this.groceryList.title
+			}
+		},
 	},
 	methods: {
 		async onRename(newTitle) {
diff --git a/src/views/GroceryList.vue b/src/views/GroceryList.vue
index 4b31798..4e26477 100644
--- a/src/views/GroceryList.vue
+++ b/src/views/GroceryList.vue
@@ -1,49 +1,47 @@
 <template>
 	<div class="page-wrapper">
-    <div>
-      <NcButton aria-label="Show add/edit modal"
-                @click="showAddModal">
-        <template #icon>
-          <Plus :size="20"/>
-        </template>
-        <template>Add</template>
-      </NcButton>
-    </div>
+		<div>
+			<NcButton aria-label="Show add/edit modal"
+				@click="showAddModal">
+				<template #icon>
+					<Plus :size="20" />
+				</template>
+				<template>Add</template>
+			</NcButton>
+		</div>
 		<h1>{{ groceryList?.title ?? t('grocerylist', 'Grocery list') }}</h1>
 		<div>
 			<NcCheckboxRadioSwitch :checked="!!groceryList?.showOnlyUnchecked" type="switch" @update:checked="toggleVisibility">
 				{{ t('grocerylist', 'Show only unchecked') }}
 			</NcCheckboxRadioSwitch>
-			<NcModal
-          v-if="modal"
-				  ref="modalRef"
-				  :name="t('grocerylist', 'Add item')"
+			<NcModal v-if="modal"
+				ref="modalRef"
+				:name="t('grocerylist', 'Add item')"
 				@close="closeModal">
 				<form class="modal__content"
 					@submit.prevent="onSaveItem()">
 					<p class="quantityRow">
 						<NcTextField :value.sync="newItemQuantity"
 							label="Quantity…"
-             @keyup.up="increaseQuantity()"
-             @keyup.down="decreaseQuantity()"
-            />
-          <NcButton aria-label="Increase quantity"
-                    style="display:inline-block;"
-                    type="tertiary"
-                    @click="increaseQuantity()">
-            <template #icon>
-              <Plus :size="20"/>
-            </template>
-          </NcButton>
-          <NcButton aria-label="Decrease quantity"
-                    style="display:inline-block;"
-                    type="tertiary"
-                    @click="decreaseQuantity()">
-            <template #icon>
-              <Minus :size="20"/>
-            </template>
-          </NcButton>
-          </p>
+							@keyup.up="increaseQuantity()"
+							@keyup.down="decreaseQuantity()" />
+						<NcButton aria-label="Increase quantity"
+							style="display:inline-block;"
+							type="tertiary"
+							@click="increaseQuantity()">
+							<template #icon>
+								<Plus :size="20" />
+							</template>
+						</NcButton>
+						<NcButton aria-label="Decrease quantity"
+							style="display:inline-block;"
+							type="tertiary"
+							@click="decreaseQuantity()">
+							<template #icon>
+								<Minus :size="20" />
+							</template>
+						</NcButton>
+					</p>
 					<p>
 						<NcTextField :value.sync="newItemName"
 							label="Item…"
@@ -141,17 +139,17 @@ import { ref } from 'vue'
 export default {
 	name: 'GroceryList',
 
-  components: {
-    NcCheckboxRadioSwitch,
-    NcSelect,
-    NcButton,
-    AlarmSnooze,
-    NcTextField,
-    Plus,
-    Minus,
-    Delete,
-    NcModal,
-  },
+	components: {
+		NcCheckboxRadioSwitch,
+		NcSelect,
+		NcButton,
+		AlarmSnooze,
+		NcTextField,
+		Plus,
+		Minus,
+		Delete,
+		NcModal,
+	},
 
 	props: {
 		listId: {
@@ -381,37 +379,37 @@ export default {
 			this.newItemCategory = this.allCategories.find(i => i.id === item.category)
 			this.modal = true
 		},
-    increaseQuantity() {
-      if (this.newItemQuantity === '') {
-        this.newItemQuantity = 0
-      }
+		increaseQuantity() {
+			if (this.newItemQuantity === '') {
+				this.newItemQuantity = 0
+			}
 
-      if (this.newItemQuantity >= 1000) {
-        this.newItemQuantity = this.newItemQuantity + 1000
-      } else if (this.newItemQuantity >= 100) {
-        this.newItemQuantity = this.newItemQuantity + 100
-      } else if (this.newItemQuantity >= 10) {
-        this.newItemQuantity = this.newItemQuantity + 10
-      } else {
-        this.newItemQuantity = this.newItemQuantity + 1
-      }
-    },
-    decreaseQuantity() {
-      if (this.newItemQuantity > 1000) {
-        this.newItemQuantity = this.newItemQuantity - 1000
-      } else if (this.newItemQuantity > 100) {
-        this.newItemQuantity = this.newItemQuantity - 100
-      } else if (this.newItemQuantity > 10) {
-        this.newItemQuantity = this.newItemQuantity - 10
-      } else if (this.newItemQuantity > 1) {
-        this.newItemQuantity = this.newItemQuantity - 1
-      } else {
-        this.newItemQuantity = ''
-      }
-    },
+			if (this.newItemQuantity >= 1000) {
+				this.newItemQuantity = this.newItemQuantity + 1000
+			} else if (this.newItemQuantity >= 100) {
+				this.newItemQuantity = this.newItemQuantity + 100
+			} else if (this.newItemQuantity >= 10) {
+				this.newItemQuantity = this.newItemQuantity + 10
+			} else {
+				this.newItemQuantity = this.newItemQuantity + 1
+			}
+		},
+		decreaseQuantity() {
+			if (this.newItemQuantity > 1000) {
+				this.newItemQuantity = this.newItemQuantity - 1000
+			} else if (this.newItemQuantity > 100) {
+				this.newItemQuantity = this.newItemQuantity - 100
+			} else if (this.newItemQuantity > 10) {
+				this.newItemQuantity = this.newItemQuantity - 10
+			} else if (this.newItemQuantity > 1) {
+				this.newItemQuantity = this.newItemQuantity - 1
+			} else {
+				this.newItemQuantity = ''
+			}
+		},
 		async onSaveItem() {
-			if (this.newItemName === "") {
-				showInfo("Cannot add empty item!")
+			if (this.newItemName === '') {
+				showInfo('Cannot add empty item!')
 				return
 			}
 
diff --git a/src/views/ListSettings.vue b/src/views/ListSettings.vue
index 2200a4b..64ecb2e 100644
--- a/src/views/ListSettings.vue
+++ b/src/views/ListSettings.vue
@@ -18,12 +18,12 @@
 
 		<ListCategoryNew :list-id="listId" />
 
-<!--		<h2>{{ t('grocerylist', 'Shares') }}</h2>-->
-<!--		<span v-for="sharee in sharees" :key="sharee.userId">-->
-<!--			<ul>-->
-<!--				<li>{{ sharee.userId }}</li>-->
-<!--			</ul>-->
-<!--		</span>-->
+		<!--		<h2>{{ t('grocerylist', 'Shares') }}</h2>-->
+		<!--		<span v-for="sharee in sharees" :key="sharee.userId">-->
+		<!--			<ul>-->
+		<!--				<li>{{ sharee.userId }}</li>-->
+		<!--			</ul>-->
+		<!--		</span>-->
 	</div>
 </template>