[cleanup] cleanup style

.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',
+  },
+};

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"
   }
 }

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"

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 }">

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 === '') {