Moved html editor to ingredients, added additional styling options and added md file for bartender settings und queries.

frontend/app/components/article/article.vue

@@ -177,14 +177,23 @@
               />
             </v-row>
             <v-row no-gutters>
-              <VuetifyTiptap
-                  v-model="store.articleEdit.description"
+              <v-textarea
+                  v-model.trim="store.articleEdit.description"
+                  :tile=true
                   label="Beschreibung"
-                  rounded
-                  :max-height="200"
-                  :disabled="!edit"
-              />
+                  counter
+                  :persistentCounter=true
+                  rows="6"
+                  no-resize
+                  :readonly="!edit"
+                  persistent-placeholder
+              >
+                <template v-slot:counter="{ counter }">
+                  <span>{{ counter }} von {{ store.ingredientsMaxChars  }} Zeichen.</span>
+                </template>
+              </v-textarea>
             </v-row>
+
           </v-col>
 
           <v-col cols="5" style="padding: 5px;">
@@ -199,21 +208,13 @@
               />
             </v-row>
             <v-row no-gutters>
-              <v-textarea
-                  v-model.trim="store.articleEdit.ingredients"
-                  :tile=true
+              <VuetifyTiptap
+                  v-model="store.articleEdit.ingredients"
                   label="Zutaten"
-                  counter
-                  :persistentCounter=true
-                  rows="6"
-                  no-resize
-                  :readonly="!edit"
-                  persistent-placeholder
-              >
-                <template v-slot:counter="{ counter }">
-                  <span>{{ counter }} von {{ store.ingredientsMaxChars  }} Zeichen.</span>
-                </template>
-              </v-textarea>
+                  rounded
+                  :max-height="200"
+                  :disabled="!edit"
+              />
             </v-row>
           </v-col>
         </v-row>

frontend/app/plugins/vuetify.ts

@@ -13,7 +13,7 @@ import {
   Table,
   TextAlign,
   VuetifyTiptap,
-  createVuetifyProTipTap,
+  createVuetifyProTipTap, FontSize, FontFamily,
 } from 'vuetify-pro-tiptap'
 
 import 'vuetify/styles'
@@ -35,6 +35,8 @@ const vuetifyProTipTap = createVuetifyProTipTap({
     Bold,
     Heading,
     TextAlign,
+    FontSize,
+    FontFamily,
     Clear.configure({ divider: true }),
     Indent.configure({ divider: true }),
     Table.configure({ divider: true }),

frontend/package-lock.json

@@ -14,7 +14,7 @@
         "pinia": "3.0.4",
         "vue": "3.5.27",
         "vue-router": "5.0.2",
-        "vuetify-pro-tiptap": "^2.8.2"
+        "vuetify-pro-tiptap": "2.8.2"
       },
       "devDependencies": {
         "vite-plugin-vuetify": "2.1.3",