Only load markdown editor where needed (RecipeView)

Signed-off-by: Marcel Robitaille <[email protected]>

Author: MarcelRobitaille

src/components/RecipeView.vue

@@ -254,7 +254,9 @@
 </template>
 
 <script>
+import Vue from "vue"
 import moment from "@nextcloud/moment"
+import VueShowdown from "vue-showdown"
 
 import api from "cookbook/js/api-interface"
 import helpers from "cookbook/js/helper"
@@ -268,6 +270,13 @@ import RecipeNutritionInfoItem from "./RecipeNutritionInfoItem.vue"
 import RecipeTimer from "./RecipeTimer.vue"
 import RecipeTool from "./RecipeTool.vue"
 
+// Markdown for Vue
+// Used by RecipeTool, RecipeInstruction, and RecipeIngredient
+Vue.use(VueShowdown, {
+    // set default flavor for Markdown
+    flavor: "vanilla",
+})
+
 export default {
     name: "RecipeView",
     components: {

src/main.js

@@ -6,8 +6,7 @@
  */
 
 // Markdown
-import VueShowdown from "vue-showdown"
-import moment from 'moment'
+import moment from "moment"
 
 import { generateUrl } from "@nextcloud/router"
 
@@ -56,12 +55,6 @@ if (__webpack_use_dev_server__ || false) {
     Vue.prototype.$window = window
     Vue.prototype.OC = OC
 
-    // Markdown for Vue
-    Vue.use(VueShowdown, {
-        // set default flavor for Markdown
-        flavor: "vanilla",
-    })
-
     // Pass translation engine to Vue
     Vue.prototype.t = window.t