diff --git a/.eslintrc.js b/.eslintrc.js
index ab9cd5e..b1c98ba 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -17,11 +17,11 @@ module.exports = {
     project: resolve(__dirname, './tsconfig.json'),
     tsconfigRootDir: __dirname,
     ecmaVersion: 2019, // Allows for the parsing of modern ECMAScript features
-    sourceType: 'module' // Allows for the use of imports
+    sourceType: 'module', // Allows for the use of imports
   },
 
   env: {
-    browser: true
+    browser: true,
   },
 
   // Rules order is important, please avoid shuffling them
@@ -70,6 +70,6 @@ module.exports = {
     '@typescript-eslint/explicit-module-boundary-types': 'off',
 
     // allow debugger during development only
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  }
-}
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+  },
+};
diff --git a/package.json b/package.json
index ab290ef..a0f41d2 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
   "main": "src/index.ts",
   "types": "src/api.d.ts",
   "scripts": {
-    "format": "prettier --config ./package.json  --write '{,!(node_modules)/**/}*.ts'",
+    "format": "prettier --config ./package.json  --write '{,!(node_modules)/**/}*.{ts,vue,js}'",
     "lint": "eslint --ext .js,.ts,.vue ./src"
   },
   "dependencies": {
@@ -42,7 +42,7 @@
   "prettier": {
     "singleQuote": true,
     "semi": true,
-    "printWidth": 120,
+    "printWidth": 100,
     "arrowParens": "always"
   }
 }
diff --git a/src/components/CalculationTable.vue b/src/components/CalculationTable.vue
index d15b1ba..ab94f79 100644
--- a/src/components/CalculationTable.vue
+++ b/src/components/CalculationTable.vue
@@ -55,7 +55,7 @@
               </div>
             </div>
             <template #error>
-              <q-img class="bg-white" style="max-height: 256px" src='no-image.svg' />
+              <q-img class="bg-white" style="max-height: 256px" src="no-image.svg" />
               <div
                 v-if="!public && !nodetails && editable"
                 class="absolute-top-right justify-end"
@@ -495,7 +495,7 @@ export default defineComponent({
 
     function image(uuid: string | undefined) {
       if (uuid) {
-        return `${api.defaults.baseURL||''}/pricelist/picture/${uuid}?size=256`;
+        return `${api.defaults.baseURL || ''}/pricelist/picture/${uuid}?size=256`;
       }
       return 'no-image.svg';
     }
diff --git a/src/components/Pricelist.vue b/src/components/Pricelist.vue
index 3660b58..a2d7081 100644
--- a/src/components/Pricelist.vue
+++ b/src/components/Pricelist.vue
@@ -27,7 +27,7 @@
           options-cover
         />
         <q-btn round icon="mdi-backburger">
-          <q-tooltip anchor='top middle' self='bottom middle'> Reihenfolge ändern </q-tooltip>
+          <q-tooltip anchor="top middle" self="bottom middle"> Reihenfolge ändern </q-tooltip>
           <q-menu anchor="bottom middle" self="top middle">
             <drag v-model="order" class="q-list" ghost-class="ghost" group="people" item-key="id">
               <template #item="{ element }">
diff --git a/src/pages/Receipts.vue b/src/pages/Receipts.vue
index 5efc457..c7f8c1a 100644
--- a/src/pages/Receipts.vue
+++ b/src/pages/Receipts.vue
@@ -157,7 +157,7 @@ export default defineComponent({
     const search_keys = computed(() => columns_drinks.filter((column) => column.filterable));
     function image(uuid: string | undefined) {
       if (uuid) {
-        return `${api.defaults.baseURL||''}/pricelist/picture/${uuid}?size=256`;
+        return `${api.defaults.baseURL || ''}/pricelist/picture/${uuid}?size=256`;
       }
       return 'no-image.svg';
     }
diff --git a/src/utils/filter.ts b/src/utils/filter.ts
index 6deb65b..cb8c5ba 100644
--- a/src/utils/filter.ts
+++ b/src/utils/filter.ts
@@ -1,6 +1,11 @@
 import { Drink } from '../store';
 
-function filter(rows: Array<Drink>, terms: Search, cols: Array<Col>, cellValue: { (col: Col, row: Drink): string }) {
+function filter(
+  rows: Array<Drink>,
+  terms: Search,
+  cols: Array<Col>,
+  cellValue: { (col: Col, row: Drink): string }
+) {
   if (terms.value) {
     return rows.filter((row) => {
       if (!terms.key || terms.key === '') {