[fix] fixed issuer #13 (edit drink if picture is not loading)

package.json

@@ -23,16 +23,16 @@
   },
   "devDependencies": {
     "@flaschengeist/types": "^1.0.0-alpha.1",
-    "@quasar/app": "^3.0.0-beta.26",
+    "@quasar/app": "^3.0.0",
     "@typescript-eslint/eslint-plugin": "^4.24.0",
     "@typescript-eslint/parser": "^4.24.0",
     "axios": "^0.21.1",
     "eslint": "^7.26.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-vue": "^7.9.0",
-    "pinia": "^2.0.0-alpha.18",
+    "pinia": "^2.0.0-beta.3",
     "prettier": "^2.3.0",
-    "quasar": "^2.0.0-beta.18",
+    "quasar": "^2.0.0",
     "typescript": "^4.2.4"
   },
   "peerDependencies": {

src/components/CalculationTable.vue

@@ -54,6 +54,29 @@
                 {{ props.row.type.name }}
               </div>
             </div>
+            <template #error>
+              <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"
+                style="background-color: transparent"
+              >
+                <q-btn
+                  round
+                  icon="mdi-pencil"
+                  style="background-color: rgba(0, 0, 0, 0.5)"
+                  @click="editDrink = props.row"
+                />
+              </div>
+              <div class="absolute-bottom-right justify-end">
+                <div class="text-subtitle1 text-right">
+                  {{ props.row.name }}
+                </div>
+                <div class="text-caption text-right">
+                  {{ props.row.type.name }}
+                </div>
+              </div>
+            </template>
           </q-img>
           <q-card-section>
             <q-badge