feat: attached images by drag and drop for recipe steps (#1341)

* add drag and drop support for recipe steps

* fix recipe assets dialog state

* add attr support for markdown editor

* add persistent hint for recipe text editor

frontend/components/global/MarkdownEditor.vue

@@ -5,7 +5,7 @@
         :buttons="[
           {
             icon: previewState ? $globals.icons.edit : $globals.icons.eye,
-            text: previewState ? $t('general.edit') : 'Preview Markdown',
+            text: previewState ? $tc('general.edit') : 'Preview Markdown',
             event: 'toggle',
           },
         ]"
@@ -14,14 +14,15 @@
     </div>
     <v-textarea
       v-if="!previewState"
+      v-bind="textarea"
       v-model="inputVal"
       :class="label == '' ? '' : 'mt-5'"
       :label="label"
       auto-grow
       dense
       rows="4"
-    ></v-textarea>
-    <VueMarkdown v-else :source="value"> </VueMarkdown>
+    />
+    <VueMarkdown v-else :source="value" />
   </div>
 </template>
 
@@ -53,6 +54,10 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
+    textarea: {
+      type: Object,
+      default: () => ({}),
+    },
   },
   setup(props, context) {
     const fallbackPreview = ref(false);
@@ -84,5 +89,3 @@ export default defineComponent({
   },
 });
 </script>
-
-