From 37d71115e4c0d1627102b11bed137f2c5a999e10 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 14:20:54 +0100
Subject: [PATCH 01/17] Added @nextcloud/axios dependency

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index db70daf57..23fc67086 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
   },
   "homepage": "https://github.com/mrzapp/nextcloud-cookbook#readme",
   "dependencies": {
+    "@nextcloud/axios": "^1.6.0",
     "@nextcloud/event-bus": "^1.1.4",
     "@nextcloud/moment": "^1.1.1",
     "@nextcloud/vue": "^1.5.0",

From c1e183fd540a5257b242f8ce695d51f657e98e76 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:22:40 +0100
Subject: [PATCH 02/17] Removed jQuery for element selection

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/EditInputGroup.vue | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/EditInputGroup.vue b/src/components/EditInputGroup.vue
index 1e889e9ca..4c85f8645 100644
--- a/src/components/EditInputGroup.vue
+++ b/src/components/EditInputGroup.vue
@@ -1,8 +1,8 @@
 <template>
     <fieldset>
         <label>{{ fieldLabel }}</label>
-        <ul ref="list">
-            <li :class="fieldType" v-for="(entry,idx) in buffer" :key="fieldName+idx">
+        <ul>
+            <li :class="fieldType" v-for="(entry,idx) in buffer" :key="fieldName+idx" ref="list-item">
                 <div v-if="showStepNumber" class="step-number">{{ parseInt(idx) + 1 }}</div>
                 <input v-if="fieldType==='text'" type="text" v-model="buffer[idx]" @keyup="keyPressed" v-on:input="handleInput" @paste="handlePaste" />
                 <textarea v-else-if="fieldType==='textarea'" v-model="buffer[idx]" v-on:input="handleInput" @paste="handlePaste"></textarea>
@@ -66,14 +66,14 @@ export default {
             this.buffer.splice(index, 0, content)
 
             if (focusAfterInsert) {
-                let $ul = $(this.$refs['list'])
                 let $this = this
+                let listItems = this.$refs['list-item']
                 this.$nextTick(function() {
-                    if ($ul.children('li').length > index) {
+                    if (listItems.length > index) {
                         if ($this.fieldType === 'text') {
-                            $ul.children('li').eq(index).find('input').focus()
+                            listItems[index].getElementsByTagName('input')[0].focus()
                         } else if ($this.fieldType === 'textarea') {
-                            $ul.children('li').eq(index).find('textarea').focus()
+                            listItems[index].getElementsByTagName('textarea')[0].focus()
                         }
                     }
                 })
@@ -129,9 +129,9 @@ export default {
 
             e.preventDefault()
 
-            let $li = $(e.currentTarget).parents('li')
-            let $inserted_index = $li.index()
-            let $ul = $li.parents('ul')
+            let $li = e.currentTarget.closest('li')
+            let $ul = $li.closest('ul')
+            let $inserted_index = Array.prototype.indexOf.call($ul.childNodes, $li)
 
             // Remove empty lines
             for (let i = input_lines_array.length-1; i >= 0; --i)
@@ -153,7 +153,7 @@ export default {
                     this.deleteEntry($inserted_index)
                     indexToFocus--
                 }
-                $ul.children('li').eq(indexToFocus).find('input').focus()
+                $ul.children[indexToFocus].getElementsByTagName('input')[0].focus()
                 this.contentPasted = false
             })
         },
@@ -164,12 +164,14 @@ export default {
             // Using keyup for trigger will prevent repeat triggering if key is held down
             if (e.keyCode === 13 || e.keyCode === 10) {
                 e.preventDefault()
-                let $li = $(e.currentTarget).parents('li')
-                let $ul = $li.parents('ul')
-                if ($li.index() >= $ul.children('li').length - 1) {
+                let $li = e.currentTarget.closest('li')
+                let $ul = $li.closest('ul')
+                let $pressed_li_index = Array.prototype.indexOf.call($ul.childNodes, $li)
+
+                if ($pressed_li_index >= this.$refs['list-item'].length - 1) {
                     this.addNewEntry ()
                 } else {
-                    $ul.children('li').eq($li.index() + 1).find('input').focus()
+                    $ul.children[$pressed_li_index+1].getElementsByTagName('input')[0].focus()
                 }
             }
         },

From 72b9696a51d937a813cbbbcc37bb0f7c2b0e6b53 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:23:50 +0100
Subject: [PATCH 03/17] Replaced jQuery ajax by axios in search component

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/SearchResults.vue | 70 +++++++++++++++++---------------
 1 file changed, 37 insertions(+), 33 deletions(-)

diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index ee8b0e7cc..f974e6e09 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -29,6 +29,8 @@
 </template>
 
 <script>
+import axios from '@nextcloud/axios'
+
 import LazyPicture from './LazyPicture'
 import RecipeKeyword from './RecipeKeyword'
 
@@ -131,48 +133,50 @@ export default {
                 // Search by tags
                 let $this = this
                 let tags = this.$route.params.value
-                $.get(this.$window.baseUrl + '/api/tags/'+tags).done(function(json) {
-                    $this.results = json
-                }).fail(function (jqXHR, textStatus, errorThrown) {
-                    $this.results = []
-                    alert(t('cookbook', 'Failed to load recipes with keywords: ' + tags))
-                    if (errorThrown && errorThrown instanceof Error) {
-                        throw errorThrown
-                    }
-                })
+                axios.get(this.$window.baseUrl + '/api/tags/'+tags)
+                    .then(function(response) {
+                        $this.results = response.data
+                    })
+                    .catch(function (e) {
+                        $this.results = []
+                        alert(t('cookbook', 'Failed to load recipes with keywords: ' + tags))
+                        if (e && e instanceof Error) {
+                            throw e
+                        }
+                    })
             }
             else if (this.query === 'cat') {
                 // Search by category
                 let $this = this
                 let cat = this.$route.params.value
-                $.get(this.$window.baseUrl + '/api/category/'+cat).done(function(json) {
-                    $this.results = json
-                    $this.setKeywords($this.results)
-                }).fail(function (jqXHR, textStatus, errorThrown) {
-                    $this.results = []
-                    alert(t('cookbook', 'Failed to load category '+cat+' recipes'))
-                    if (e && e instanceof Error) {
-                        throw e
-                    }
-                })
+                axios.get(this.$window.baseUrl + '/api/category/'+cat)
+                    .then(function(response) {
+                        $this.results = response.data
+                        $this.setKeywords($this.results)
+                    })
+                    .catch(function (e) {
+                        $this.results = []
+                        alert(t('cookbook', 'Failed to load category '+cat+' recipes'))
+                        if (e && e instanceof Error) {
+                            throw e
+                        }
+                    })
             } else {
                 // General search
                 let $this = this
-                let deferred = $.Deferred()
-                $.get(this.$window.baseUrl + '/api/search/'+this.$route.params.value).done((recipes) => {
-                    $this.results = recipes
-                    $this.setKeywords($this.results)
-                    deferred.resolve()
-                }).fail((jqXHR, textStatus, errorThrown) => {
-                    this.results = []
-                    deferred.reject(new Error(jqXHR.responseText))
-                    alert(t('cookbook', 'Failed to load search results'))
-                    if (e && e instanceof Error) {
-                        throw e
-                    }
-                })
+                axios.get(this.$window.baseUrl + '/api/search/'+this.$route.params.value)
+                    .then(function(response) {
+                        $this.results = response.data
+                        $this.setKeywords($this.results)
+                    })
+                    .catch((e) => {
+                        $this.results = []
+                        alert(t('cookbook', 'Failed to load search results'))
+                        if (e && e instanceof Error) {
+                            throw e
+                        }
+                    })
                 this.$store.dispatch('setPage', { page: 'search' })
-                return deferred.promise()
             }
 
             

From 0965697a3fb8174baf790ec1cf421d39e39c1f7d Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:24:34 +0100
Subject: [PATCH 04/17] Replaced jQuery ajax by axios and removed jQuery for
 element selection in app controls

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/AppControls.vue | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/AppControls.vue b/src/components/AppControls.vue
index 3ced6a788..7639fe0ce 100644
--- a/src/components/AppControls.vue
+++ b/src/components/AppControls.vue
@@ -88,6 +88,7 @@
 <script>
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionInput from '@nextcloud/vue/dist/Components/ActionInput'
+import axios from '@nextcloud/axios'
 import Breadcrumbs from '@nextcloud/vue/dist/Components/Breadcrumbs'
 import Breadcrumb from '@nextcloud/vue/dist/Components/Breadcrumb'
 
@@ -194,20 +195,18 @@ export default {
             }
             let id = this.$store.state.recipe.id
             let $this = this
-            $.ajax({
-                url: window.baseUrl + '/api/recipes/' + id,
-                method: 'DELETE',
-            })
-            .done(function(reply) {
-                $this.$window.goTo('/')
-                $this.$root.$emit('refreshNavigation')
-            })
-            .fail(function(e) {
-                alert(t('cookbook', 'Delete failed'))
-                if (e && e instanceof Error) {
-                    throw e
-                }
-            })
+
+            axios.delete(window.baseUrl + '/api/recipes/' + id)
+                .then(function(response) {
+                    $this.$window.goTo('/')
+                    $this.$root.$emit('refreshNavigation')
+                })
+                .catch(function(e) {
+                    alert(t('cookbook', 'Delete failed'))
+                    if (e && e instanceof Error) {
+                        throw e
+                    }
+                })
         },
         printRecipe: function() {
             window.print()
@@ -225,7 +224,7 @@ export default {
             this.$window.goTo('/search/'+e.target[1].value)
         },
         toggleNavigation: function() {
-            $("#app-navigation").toggleClass("show-navigation")
+            document.getElementById("app-navigation").classList.toggle("show-navigation")
         },
         updateFilters: function(e) {
             this.filterValue = e

From bacb36782ecdd758608ba441c5f1f62790477752 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:25:16 +0100
Subject: [PATCH 05/17] Replaced jQuery ajax by axios and removed jQuery for
 element selection in app index and app navi

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/AppIndex.vue |  24 ++--
 src/components/AppNavi.vue  | 222 +++++++++++++++++++-----------------
 2 files changed, 131 insertions(+), 115 deletions(-)

diff --git a/src/components/AppIndex.vue b/src/components/AppIndex.vue
index dd4f24a56..e5aa906f5 100644
--- a/src/components/AppIndex.vue
+++ b/src/components/AppIndex.vue
@@ -49,6 +49,7 @@
 </template>
 
 <script>
+import axios from '@nextcloud/axios'
 import LazyPicture from './LazyPicture'
 import RecipeKeyword from './RecipeKeyword'
 
@@ -196,19 +197,18 @@ export default {
          * Load all recipes from the database
          */
         loadAll: function () {
-            var deferred = $.Deferred()
             var $this = this
-            $.get(this.$window.baseUrl + '/api/recipes').done(function (recipes) {
-                $this.recipes = recipes
-                deferred.resolve()
-                // Always set page name last
-                $this.$store.dispatch('setPage', { page: 'index' })
-            }).fail(function (jqXHR, textStatus, errorThrown) {
-                deferred.reject(new Error(jqXHR.responseText))
-                // Always set page name last
-                $this.$store.dispatch('setPage', { page: 'index' })
-            })
-            return deferred.promise()
+            axios.get(this.$window.baseUrl + '/api/recipes')
+                .then(function (response) {
+                    $this.recipes = response.data
+                    $this.setKeywords(recipes)
+                    // Always set page name last
+                    $this.$store.dispatch('setPage', { page: 'index' })
+                })
+                .catch(function (e) {
+                    // Always set page name last
+                    $this.$store.dispatch('setPage', { page: 'index' })
+                })
         },
     },
     mounted () {
diff --git a/src/components/AppNavi.vue b/src/components/AppNavi.vue
index af0d1c2ff..40a9f5a32 100644
--- a/src/components/AppNavi.vue
+++ b/src/components/AppNavi.vue
@@ -81,7 +81,7 @@
 </template>
 
 <script>
-
+import axios from '@nextcloud/axios'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionInput from '@nextcloud/vue/dist/Components/ActionInput'
 import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
@@ -136,17 +136,19 @@ export default {
                 this.resetPrintImage = false
                 return
             }
-            $.ajax({
+            axios({
                 url: this.$window.baseUrl + '/config',
                 method: 'POST',
                 data: { 'print_image': newVal ? 1 : 0 }
-            }).done((response) => {
-                // Should this check the response of the query? To catch some errors that redirect the page
-            }).fail((e) => {
-                alert(t('cookbook', 'Could not set preference for image printing'));
-                this.resetPrintImage = true
-                this.printImage = oldVal
             })
+                .then((response) => {
+                        // Should this check the response of the query? To catch some errors that redirect the page
+                })
+                .catch((e) => {
+                    alert(t('cookbook', 'Could not set preference for image printing'));
+                    this.resetPrintImage = true
+                    this.printImage = oldVal
+                })
         },
         updateInterval: function(newVal, oldVal) {
             // Avoid infinite loop on page load and when reseting value after failed submit
@@ -154,17 +156,19 @@ export default {
                 this.resetInterval = false
                 return
             }
-            $.ajax({
+            axios({
                 url: this.$window.baseUrl + '/config',
                 method: 'POST',
                 data: { 'update_interval': newVal }
-            }).done((response) => {
-                // Should this check the response of the query? To catch some errors that redirect the page
-            }).fail((e) => {
-                alert(t('cookbook', 'Could not set recipe update interval to {interval}', { interval: newVal }))
-                this.resetInterval = true
-                this.updateInterval = oldVal
-            })
+                })
+                .then((response) => {
+                    // Should this check the response of the query? To catch some errors that redirect the page
+                })
+                .catch((e) => {
+                    alert(t('cookbook', 'Could not set recipe update interval to {interval}', { interval: newVal }))
+                    this.resetInterval = true
+                    this.updateInterval = oldVal
+                })
         },
     },
     methods: {
@@ -172,19 +176,25 @@ export default {
          * Initial setup
          */
         setup: function() {
-            $.ajax({
+            axios({
                 url: this.$window.baseUrl + '/config',
                 method: 'GET',
                 data: null,
-            }).done((config) => {
-                this.resetPrintImage = false;
-                this.printImage = config['print_image'];
-                this.updateInterval = config['update_interval'];
-                this.recipeFolder = config['folder'];
-
-            }).fail((e) => {
-                alert(t('cookbook', 'Loading config failed'))
-            })
+                })
+                .then((response) => {
+                    let config = response.data
+                    this.resetPrintImage = false;
+                    if(config) {
+                        this.printImage = config['print_image'];
+                        this.updateInterval = config['update_interval'];
+                        this.recipeFolder = config['folder'];
+                    } else {
+                        alert(t('cookbook', 'Loading config failed'))
+                    }
+                })
+                .catch((e) => {
+                    alert(t('cookbook', 'Loading config failed'))
+                })
         },
 
         /**
@@ -196,77 +206,81 @@ export default {
                 return
             }
             let cat = this.categories[idx]
-            $.get(this.$window.baseUrl + '/api/category/'+cat.name).done(function(json) {
-                cat.recipes = json
-            }).fail((jqXHR, textStatus, errorThrown) => {
-                cat.recipes = []
-                alert(t('cookbook', 'Failed to load category {category} recipes', {"category": cat.name}))
-                if (e && e instanceof Error) {
-                    throw e
-                }
-            })
+
+            axios.get(this.$window.baseUrl + '/api/category/'+cat.name)
+                .then(function(response) {
+                    cat.recipes = response.data
+                })
+                .catch(function(e) {
+                    cat.recipes = []
+                    alert(t('cookbook', 'Failed to load category {category} recipes', {"category": cat.name}))
+                    if (e && e instanceof Error) {
+                        throw e
+                    }
+                })
         },
 
         /**
          * Download and import the recipe at given URL
          */
         downloadRecipe: function(e) {
-            let deferred = $.Deferred()
             this.downloading = true
-            $.ajax({
+            axios({
                 url: this.$window.baseUrl + '/import',
                 method: 'POST',
                 data: 'url=' + e.target[1].value
-            }).done((recipe) => {
-                this.downloading = false
-                this.$window.goTo('/recipe/' + recipe.id)
-                e.target[1].value = ''
-                deferred.resolve()
-            }).fail((jqXHR, textStatus, errorThrown) => {
-                this.downloading = false
-                deferred.reject(new Error(jqXHR.responseText))
-                alert(t('cookbook', jqXHR.responseJSON))
             })
-            return deferred.promise()
+                .then(function(response) {
+                    let recipe = response.data
+                    this.downloading = false
+                    this.$window.goTo('/recipe/' + recipe.id)
+                    e.target[1].value = ''
+                })
+                .catch(function(e) {
+                    this.downloading = false
+                    alert(t('cookbook', e.request.responseJSON))
+                })
         },
 
         /**
          * Fetch and display recipe categories
          */
         getCategories: function() {
-            $.get(this.$window.baseUrl + '/categories').done((json) => {
-                json = json || []
-                // Reset the old values
-                this.uncatRecipes = 0
-                this.categories = []
-                for (let i=0; i<json.length; i++) {
-                    if (json[i].name === '*') {
-                        this.uncatRecipes = parseInt(json[i].recipe_count)
-                    } else {
-                        this.categories.push({
-                            name: json[i].name,
-                            recipeCount: parseInt(json[i].recipe_count),
-                            recipes: [{ id: 0, name: t('cookbook', 'Loading category recipes …') }],
-                        })
+            let $this = this
+            axios.get(this.$window.baseUrl + '/categories')
+                .then(function(response) {
+                    let json = response.data || []
+                    // Reset the old values
+                    $this.uncatRecipes = 0
+                    $this.categories = []
+                    for (let i=0; i<json.length; i++) {
+                        if (json[i].name === '*') {
+                            $this.uncatRecipes = parseInt(json[i].recipe_count)
+                        } else {
+                            $this.categories.push({
+                                name: json[i].name,
+                                recipeCount: parseInt(json[i].recipe_count),
+                                recipes: [{ id: 0, name: t('cookbook', 'Loading category recipes …') }],
+                            })
+                        }
                     }
-                }
-                for (let i=0; i<this.categories.length; i++) {
-                    // Reload recipes in open categories
-                    if (!this.$refs['app-navi-cat-'+i]) {
-                        continue
+                    for (let i=0; i<$this.categories.length; i++) {
+                        // Reload recipes in open categories
+                        if (!$this.$refs['app-navi-cat-'+i]) {
+                            continue
+                        }
+                        if ($this.$refs['app-navi-cat-'+i][0].opened) {
+                            console.log("Reloading recipes in "+$this.$refs['app-navi-cat-'+i][0].title)
+                            $this.categoryOpen(i)
+                        }
                     }
-                    if (this.$refs['app-navi-cat-'+i][0].opened) {
-                        console.log("Reloading recipes in "+this.$refs['app-navi-cat-'+i][0].title)
-                        this.categoryOpen(i)
+                })
+                .catch(function(e) {
+                    alert(t('cookbook', 'Failed to fetch categories'))
+                    if (e && e instanceof Error) {
+                        throw e
                     }
-                }
-            })
-            .fail((e) => {
-                alert(t('cookbook', 'Failed to fetch categories'))
-                if (e && e instanceof Error) {
-                    throw e
-                }
-            })
+                })
         },
 
         /**
@@ -276,20 +290,23 @@ export default {
             OC.dialogs.filepicker(
                 t('cookbook', 'Path to your recipe collection'),
                 (path) => {
-                    $.ajax({
+                    let $this = this
+                    axios({
                         url: this.$window.baseUrl + '/config',
                         method: 'POST',
                         data: { 'folder': path },
-                    }).done(() => {
-                        this.loadAll()
+                    })
                         .then(() => {
-                            this.$store.dispatch('setRecipe', { recipe: null })
-                            this.$window.goTo('/')
-                            this.recipeFolder = path
+                            $this.loadAll()
+                            .then(() => {
+                                $this.$store.dispatch('setRecipe', { recipe: null })
+                                $this.$window.goTo('/')
+                                $this.recipeFolder = path
+                            })
+                        })
+                        .catch((e) => {
+                            alert(t('cookbook', 'Could not set recipe folder to {path}', { path: path }))
                         })
-                    }).fail((e) => {
-                        alert(t('cookbook', 'Could not set recipe folder to {path}', { path: path }))
-                    })
                 },
                 false,
                 'httpd/unix-directory',
@@ -301,30 +318,29 @@ export default {
          * Reindex all recipes
          */
         reindex: function () {
+            let $this = this
             if (this.scanningLibrary) {
                 // No repeat clicks until we're done
                 return
             }
             this.scanningLibrary = true
-            var deferred = $.Deferred()
-            $.ajax({
+            axios({
                 url: this.$window.baseUrl + '/reindex',
                 method: 'POST'
-            }).done(() => {
-                deferred.resolve()
-                this.scanningLibrary = false
-                console.log("Library reindexing complete")
-                this.getCategories()
-                if (['index', 'search'].indexOf(this.$store.state.page) > -1) {
-                    // This refreshes the current router view in case items in it changed during reindex
-                    this.$router.go()
-                }
-            }).fail((jqXHR, textStatus, errorThrown) => {
-                deferred.reject(new Error(jqXHR.responseText))
-                this.scanningLibrary = false
-                console.log("Library reindexing failed!")
             })
-            return deferred.promise()
+                .then(() => {
+                    $this.scanningLibrary = false
+                    console.log("Library reindexing complete")
+                    $this.getCategories()
+                    if (['index', 'search'].indexOf(this.$store.state.page) > -1) {
+                        // This refreshes the current router view in case items in it changed during reindex
+                        $this.$router.go()
+                    }
+                })
+                .catch(function(e) {
+                    $this.scanningLibrary = false
+                    console.log("Library reindexing failed!")
+                })
         },
 
         /**
@@ -334,7 +350,7 @@ export default {
             this.$store.dispatch('setLoadingRecipe', { recipe: id })
         },
         toggleNavigation: function() {
-            $("#app-navigation").toggleClass("show-navigation")
+            document.getElementById("app-navigation").classList.toggle("show-navigation")
         },
     },
     mounted () {

From f7822483f25adb14684370c850e0df66453c34fc Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:26:29 +0100
Subject: [PATCH 06/17] Replaced jQuery ajax by axios in recipe view

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/RecipeView.vue | 122 +++++++++++++++++-----------------
 1 file changed, 60 insertions(+), 62 deletions(-)

diff --git a/src/components/RecipeView.vue b/src/components/RecipeView.vue
index a06b1e5bc..38abee0c4 100644
--- a/src/components/RecipeView.vue
+++ b/src/components/RecipeView.vue
@@ -87,6 +87,7 @@
 
 <script>
 
+import axios from '@nextcloud/axios'
 import moment from '@nextcloud/moment'
 
 import RecipeImages from './RecipeImages'
@@ -196,82 +197,79 @@ export default {
 
             let $this = this
 
-            $.ajax({
-                url: this.$window.baseUrl + '/api/recipes/' + this.$route.params.id,
-                method: 'GET',
-                data: null,
+            axios.get(this.$window.baseUrl + '/api/recipes/' + this.$route.params.id)
+                .then(function (response) {
+                    let recipe = response.data
+                    // Store recipe data in vuex
+                    $this.$store.dispatch('setRecipe', { recipe: recipe })
 
-            }).done(function (recipe) {
-                // Store recipe data in vuex
-                $this.$store.dispatch('setRecipe', { recipe: recipe })
+                    if ($this.$store.state.recipe.recipeIngredient) {
+                        $this.ingredients = Object.values($this.$store.state.recipe.recipeIngredient)
+                    }
 
-                if ($this.$store.state.recipe.recipeIngredient) {
-                    $this.ingredients = Object.values($this.$store.state.recipe.recipeIngredient)
-                }
+                    if ($this.$store.state.recipe.recipeInstructions) {
+                        $this.instructions = Object.values($this.$store.state.recipe.recipeInstructions)
+                    }
 
-                if ($this.$store.state.recipe.recipeInstructions) {
-                    $this.instructions = Object.values($this.$store.state.recipe.recipeInstructions)
-                }
+                    if ($this.$store.state.recipe.keywords) {
+                        $this.keywords = String($this.$store.state.recipe.keywords).split(',')
+                    }
 
-                if ($this.$store.state.recipe.keywords) {
-                    $this.keywords = String($this.$store.state.recipe.keywords).split(',')
-                }
+                    if ($this.$store.state.recipe.cookTime) {
+                        let cookT = $this.$store.state.recipe.cookTime.match(/PT(\d+?)H(\d+?)M/)
+                        $this.timerCook = { hours: parseInt(cookT[1]), minutes: parseInt(cookT[2]) }
+                    }
 
-                if ($this.$store.state.recipe.cookTime) {
-                    let cookT = $this.$store.state.recipe.cookTime.match(/PT(\d+?)H(\d+?)M/)
-                    $this.timerCook = { hours: parseInt(cookT[1]), minutes: parseInt(cookT[2]) }
-                }
+                    if ($this.$store.state.recipe.prepTime) {
+                        let prepT = $this.$store.state.recipe.prepTime.match(/PT(\d+?)H(\d+?)M/)
+                        $this.timerPrep = { hours: parseInt(prepT[1]), minutes: parseInt(prepT[2]) }
+                    }
 
-                if ($this.$store.state.recipe.prepTime) {
-                    let prepT = $this.$store.state.recipe.prepTime.match(/PT(\d+?)H(\d+?)M/)
-                    $this.timerPrep = { hours: parseInt(prepT[1]), minutes: parseInt(prepT[2]) }
-                }
+                    if ($this.$store.state.recipe.totalTime) {
+                        let totalT = $this.$store.state.recipe.totalTime.match(/PT(\d+?)H(\d+?)M/)
+                        $this.timerTotal = { hours: parseInt(totalT[1]), minutes: parseInt(totalT[2]) }
+                    }
 
-                if ($this.$store.state.recipe.totalTime) {
-                    let totalT = $this.$store.state.recipe.totalTime.match(/PT(\d+?)H(\d+?)M/)
-                    $this.timerTotal = { hours: parseInt(totalT[1]), minutes: parseInt(totalT[2]) }
-                }
+                    if ($this.$store.state.recipe.tool) {
+                        $this.tools = $this.$store.state.recipe.tool
+                    }
 
-                if ($this.$store.state.recipe.tool) {
-                    $this.tools = $this.$store.state.recipe.tool
-                }
+                    if ($this.$store.state.recipe.dateCreated) {
+                        let date = $this.parseDateTime($this.$store.state.recipe.dateCreated)
+                        $this.dateCreated = (date != null ? date.format('L, LT').toString() : null)
+                    }
 
-                if ($this.$store.state.recipe.dateCreated) {
-                    let date = $this.parseDateTime($this.$store.state.recipe.dateCreated)
-                    $this.dateCreated = (date != null ? date.format('L, LT').toString() : null)
-                }
-                
-                if ($this.$store.state.recipe.dateModified) {
-                    let date = $this.parseDateTime($this.$store.state.recipe.dateModified)
-                    $this.dateModified = (date != null ? date.format('L, LT').toString() : null)
-                }
-                if ($this.$store.state.recipe.nutrition) {
-                    if ( $this.$store.state.recipe.nutrition instanceof Array) {
+                    if ($this.$store.state.recipe.dateModified) {
+                        let date = $this.parseDateTime($this.$store.state.recipe.dateModified)
+                        $this.dateModified = (date != null ? date.format('L, LT').toString() : null)
+                    }
+                    if ($this.$store.state.recipe.nutrition) {
+                        if ( $this.$store.state.recipe.nutrition instanceof Array) {
+                            $this.$store.state.recipe.nutrition = {}
+                        }
+                    } else {
                         $this.$store.state.recipe.nutrition = {}
                     }
-                } else {
-                    $this.$store.state.recipe.nutrition = {}
-                }
-                $this.nutrition = $this.$store.state.recipe.nutrition
-                
-                // Always set the active page last!
-                $this.$store.dispatch('setPage', { page: 'recipe' })
-
-            }).fail(function(e) {
-                if ($this.$store.state.loadingRecipe) {
-                    // Reset loading recipe
-                    $this.$store.dispatch('setLoadingRecipe', { recipe: 0 })
-                }
+                    $this.nutrition = $this.$store.state.recipe.nutrition
 
-                if ($this.$store.state.reloadingRecipe) {
-                    // Reset reloading recipe
-                    $this.$store.dispatch('setReloadingRecipe', { recipe: 0 })
-                }
+                    // Always set the active page last!
+                    $this.$store.dispatch('setPage', { page: 'recipe' })
+                })
+                .catch(function(e) {
+                    if ($this.$store.state.loadingRecipe) {
+                        // Reset loading recipe
+                        $this.$store.dispatch('setLoadingRecipe', { recipe: 0 })
+                    }
 
-                $this.$store.dispatch('setPage', { page: 'recipe' })
+                    if ($this.$store.state.reloadingRecipe) {
+                        // Reset reloading recipe
+                        $this.$store.dispatch('setReloadingRecipe', { recipe: 0 })
+                    }
+
+                    $this.$store.dispatch('setPage', { page: 'recipe' })
 
-                alert(t('cookbook', 'Loading recipe failed'))
-            })
+                    alert(t('cookbook', 'Loading recipe failed'))
+                })
         }
     },
     mounted () {

From 225e8e8a56bb5899588d767a4735d60c2b649a8d Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:26:55 +0100
Subject: [PATCH 07/17] Replaced jQuery ajax by axios in recipe editor

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/RecipeEdit.vue | 202 ++++++++++++++++++++--------------
 1 file changed, 119 insertions(+), 83 deletions(-)

diff --git a/src/components/RecipeEdit.vue b/src/components/RecipeEdit.vue
index 09030fc1d..f1806a810 100644
--- a/src/components/RecipeEdit.vue
+++ b/src/components/RecipeEdit.vue
@@ -18,6 +18,8 @@
 </template>
 
 <script>
+import axios from '@nextcloud/axios'
+
 import EditImageField from './EditImageField'
 import EditInputField from './EditInputField'
 import EditInputGroup from './EditInputGroup'
@@ -160,50 +162,54 @@ export default {
         /**
          * Fetch and display recipe categories
          */
-        fetchCategories: function() {            
-            $.get(this.$window.baseUrl + '/categories').done((json) => {
-                json = json || []
-                this.allCategories = []
-                for (let i=0; i<json.length; i++) {
-                    if (json[i].name != '*') {
-                        this.allCategories.push(
-                            json[i].name,
-                        )
+        fetchCategories: function() {
+            let $this = this
+            axios.get(this.$window.baseUrl + '/categories')
+                .then(function(response) {
+                    let json = response.data || []
+                    $this.allCategories = []
+                    for (let i=0; i<json.length; i++) {
+                        if (json[i].name != '*') {
+                            $this.allCategories.push(
+                                json[i].name,
+                            )
+                        }
                     }
-                }
-                this.isFetchingCategories = false
-            })
-            .fail((e) => {
-                alert(t('cookbook', 'Failed to fetch categories'))
-                if (e && e instanceof Error) {
-                    throw e
-                }
-            })
+                    $this.isFetchingCategories = false
+                })
+                .catch(function(e) {
+                    alert(t('cookbook', 'Failed to fetch categories'))
+                    if (e && e instanceof Error) {
+                        throw e
+                    }
+                })
         },
         /**
          * Fetch and display recipe keywords
          */
         fetchKeywords: function() {
-            $.ajax(this.$window.baseUrl + '/keywords').done((json) => {
-                json = json || []
-                if (json) {
-                    this.allKeywords = []
-                    for (let i=0; i<json.length; i++) {
-                        if (json[i].name != '*') {
-                            this.allKeywords.push(
-                                json[i].name,
-                            )
+            let $this = this
+            axios.get(this.$window.baseUrl + '/keywords')
+                .then(function(response) {
+                    let json = response.data || []
+                    if (json) {
+                        $this.allKeywords = []
+                        for (let i=0; i<json.length; i++) {
+                            if (json[i].name != '*') {
+                                $this.allKeywords.push(
+                                    json[i].name,
+                                )
+                            }
                         }
                     }
-                }
-                this.isFetchingKeywords = false
-            })
-            .fail((e) => {
-                alert(t('cookbook', 'Failed to fetch keywords'))
-                if (e && e instanceof Error) {
-                    throw e
-                }
-            })
+                    $this.isFetchingKeywords = false
+                })
+                .catch(function(e) {
+                    alert(t('cookbook', 'Failed to fetch keywords'))
+                    if (e && e instanceof Error) {
+                        throw e
+                    }
+                })
         },
         loadRecipeData: function() {
             if (!this.$store.state.recipe) {
@@ -218,66 +224,96 @@ export default {
                 })
             }
             let $this = this
-            $.ajax({
-                url: this.$window.baseUrl + '/api/recipes/'+this.$route.params.id,
-                method: 'GET',
-                data: null,
-            }).done(function (recipe) {
-                if ('nutrition' in recipe && recipe.nutrition instanceof Array) {
-                    recipe.nutrition = {}
-                }
-                $this.$store.dispatch('setRecipe', { recipe: recipe })
-                $this.setup()
-            }).fail(function(e) {
-                alert(t('cookbook', 'Loading recipe failed'))
-                // Disable loading indicator
-                if ($this.$store.state.loadingRecipe) {
-                    $this.$store.dispatch('setLoadingRecipe', { recipe: 0 })
-                } else if ($this.$store.state.reloadingRecipe) {
-                    $this.$store.dispatch('setReloadingRecipe', { recipe: 0 })
-                }
-                // Browse to new recipe creation
-                $this.$window.goTo('/recipe/create')
-            })
+            axios.get(this.$window.baseUrl + '/api/recipes/'+this.$route.params.id)
+                .then(function (response) {
+                    let recipe = response.data
+                    if ('nutrition' in recipe && recipe.nutrition instanceof Array) {
+                        recipe.nutrition = {}
+                    }
+                    $this.$store.dispatch('setRecipe', { recipe: recipe })
+                    $this.setup()
+                })
+                .catch(function(e) {
+                    alert(t('cookbook', 'Loading recipe failed'))
+                    // Disable loading indicator
+                    if ($this.$store.state.loadingRecipe) {
+                        $this.$store.dispatch('setLoadingRecipe', { recipe: 0 })
+                    } else if ($this.$store.state.reloadingRecipe) {
+                        $this.$store.dispatch('setReloadingRecipe', { recipe: 0 })
+                    }
+                    // Browse to new recipe creation
+                    $this.$window.goTo('/recipe/create')
+                })
         },
         save: function() {
             this.savingRecipe = true
             this.$store.dispatch('setSavingRecipe', { saving: true })
             let $this = this
+
             if (this.recipe.id) {
                 // Update existing recipe
-                $.ajax({
-                    url: this.$window.baseUrl + '/api/recipes/'+this.recipe.id,
+                axios({
                     method: 'PUT',
-                    data: this.recipe,
-                }).done(function (recipe) {
-                    $this.$store.dispatch('setSavingRecipe', { saving: false })
-                    $this.$window.goTo('/recipe/'+recipe)
-                    // Refresh navigation to display changes
-                    $this.$root.$emit('refreshNavigation')
-                }).fail(function(e) {
-                    $this.$store.dispatch('setSavingRecipe', { saving: false })
-                    alert(t('cookbook', 'Recipe could not be saved'))
-                }).always(() => {
-                    $this.savingRecipe = false
-                })
+                    url: this.$window.baseUrl + '/api/recipes/'+this.recipe.id,
+                    data: this.recipe
+                    })
+                // axios.put(this.$window.baseUrl + '/api/recipes/'+this.recipe.id, this.recipe)
+                    .then(function (response) {
+                        // success
+                        let recipe = response.data
+                        $this.$store.dispatch('setSavingRecipe', { saving: false })
+                        $this.$window.goTo('/recipe/'+recipe)
+                        // Refresh navigation to display changes
+                        $this.$root.$emit('refreshNavigation')
+                    })
+                    .catch(function(e) {
+                        // error
+                        $this.$store.dispatch('setSavingRecipe', { saving: false })
+                        alert(t('cookbook', 'Recipe could not be saved'))
+                        console.log(e)
+                    })
+                    .then(() => {
+                        // finally
+                        $this.savingRecipe = false
+                    })
+                // $.ajax({
+                //     url: this.$window.baseUrl + '/api/recipes/'+this.recipe.id,
+                //     method: 'PUT',
+                //     data: this.recipe,
+                // }).done(function (recipe) {
+                //     $this.$store.dispatch('setSavingRecipe', { saving: false })
+                //     $this.$window.goTo('/recipe/'+recipe)
+                //     // Refresh navigation to display changes
+                //     $this.$root.$emit('refreshNavigation')
+                // }).fail(function(e) {
+                //     $this.$store.dispatch('setSavingRecipe', { saving: false })
+                //     alert(t('cookbook', 'Recipe could not be saved'))
+                // }).always(() => {
+                //     $this.savingRecipe = false
+                // })
             } else {
                 // Create a new recipe
-                $.ajax({
+                axios({
                     url: this.$window.baseUrl + '/api/recipes',
                     method: 'POST',
                     data: this.recipe,
-                }).done(function (recipe) {
-                    $this.$store.dispatch('setSavingRecipe', { saving: false })
-                    $this.$window.goTo('/recipe/'+recipe)
-                    // Refresh navigation to display changes
-                    $this.$root.$emit('refreshNavigation')
-                }).fail(function(e) {
-                    $this.$store.dispatch('setSavingRecipe', { saving: false })
-                    alert(t('cookbook', 'Recipe could not be saved'))
-                }).always(() => {
-                    $this.savingRecipe = false
-                })
+                    })
+                    .then(function (recipe) {
+                        // success
+                        $this.$store.dispatch('setSavingRecipe', { saving: false })
+                        $this.$window.goTo('/recipe/'+recipe)
+                        // Refresh navigation to display changes
+                        $this.$root.$emit('refreshNavigation')
+                    })
+                    .catch(function(e) {
+                        // error
+                        $this.$store.dispatch('setSavingRecipe', { saving: false })
+                        alert(t('cookbook', 'Recipe could not be saved'))
+                    })
+                    .then(() => {
+                        // finally
+                        $this.savingRecipe = false
+                    })
             }
         },
         setup: function() {

From 0774ca4ae3847e1623e4fd4155ae0918c358ecc5 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Sun, 10 Jan 2021 22:27:33 +0100
Subject: [PATCH 08/17] Removed jQuery from main.js

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/main.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/main.js b/src/main.js
index 22b298045..418dd283f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,6 @@
 */
 
 // TODO: Agree on a markdown parser
-// TODO: Remove dependency on jQuery
 
 import Vue from 'vue'
 import router from './router'
@@ -15,7 +14,7 @@ import store from './store'
 //import AppNavi from './components/AppNavi'
 import AppMain from './components/AppMain'
 
-(function (OC, window, $, undefined) {
+(function (OC, window) {
     'use strict'
 
     // Fetch Nextcloud nonce identifier for dynamic script loading
@@ -175,11 +174,11 @@ import AppMain from './components/AppMain'
     Vue.prototype.t = window.t
 
     // Start the app once document is done loading
-    $(document).ready(function () {
+    document.addEventListener("DOMContentLoaded", function(event) {
         const App = Vue.extend(AppMain)
         new App({
             store,
             router,
         }).$mount("#app")
     })
-})(OC, window, jQuery)
+})(OC, window)

From 5caefeab4608bc85e66fb2f77902bb86f5c6288c Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Mon, 11 Jan 2021 14:54:20 +0100
Subject: [PATCH 09/17] Fixed redirect after creating new recipe

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/RecipeEdit.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/RecipeEdit.vue b/src/components/RecipeEdit.vue
index f1806a810..7fae3b5c2 100644
--- a/src/components/RecipeEdit.vue
+++ b/src/components/RecipeEdit.vue
@@ -298,8 +298,9 @@ export default {
                     method: 'POST',
                     data: this.recipe,
                     })
-                    .then(function (recipe) {
+                    .then(function(response) {
                         // success
+                        let recipe = response.data
                         $this.$store.dispatch('setSavingRecipe', { saving: false })
                         $this.$window.goTo('/recipe/'+recipe)
                         // Refresh navigation to display changes

From d42f789b34e983de8516312999524752ae22faf4 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Mon, 11 Jan 2021 15:03:34 +0100
Subject: [PATCH 10/17] Updated CHANGELOG

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 CHANGELOG.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9c8f89b17..05e409219 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@
   [#513](https://github.com/nextcloud/cookbook/pull/513) @christianlupus
 - Central parsing of parameters for POST/PUT requests to simplify development
   [#518](https://github.com/nextcloud/cookbook/pull/518) @christianlupus
+- Removed dependencies on the global jQuery
+  [#497](https://github.com/nextcloud/cookbook/pull/497/) @seyfeb
 
 ### Fixed
 - Fixed keywords of shared recipes counted multiple times, fixes #491
@@ -26,7 +28,6 @@
 - Update README with more clients
   [#457](https://github.com/nextcloud/cookbook/pull/457) @geeseven
 
-
 ## 0.7.8 - 2021-01-08
 
 ### Added

From 2514d40495b8ce775a042dca53a53c89e44b6ccd Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Mon, 11 Jan 2021 16:43:53 +0100
Subject: [PATCH 11/17] Downgraded @nextcloud axios

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 23fc67086..596dad707 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
   },
   "homepage": "https://github.com/mrzapp/nextcloud-cookbook#readme",
   "dependencies": {
-    "@nextcloud/axios": "^1.6.0",
+    "@nextcloud/axios": "^1.5.0",
     "@nextcloud/event-bus": "^1.1.4",
     "@nextcloud/moment": "^1.1.1",
     "@nextcloud/vue": "^1.5.0",

From 76bc12624f8a36fc65a404e605fa4f58ad6f3c9d Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Mon, 11 Jan 2021 17:15:48 +0100
Subject: [PATCH 12/17] Code cleanup

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/RecipeEdit.vue | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/src/components/RecipeEdit.vue b/src/components/RecipeEdit.vue
index 7fae3b5c2..62fb407b3 100644
--- a/src/components/RecipeEdit.vue
+++ b/src/components/RecipeEdit.vue
@@ -257,7 +257,6 @@ export default {
                     url: this.$window.baseUrl + '/api/recipes/'+this.recipe.id,
                     data: this.recipe
                     })
-                // axios.put(this.$window.baseUrl + '/api/recipes/'+this.recipe.id, this.recipe)
                     .then(function (response) {
                         // success
                         let recipe = response.data
@@ -276,21 +275,6 @@ export default {
                         // finally
                         $this.savingRecipe = false
                     })
-                // $.ajax({
-                //     url: this.$window.baseUrl + '/api/recipes/'+this.recipe.id,
-                //     method: 'PUT',
-                //     data: this.recipe,
-                // }).done(function (recipe) {
-                //     $this.$store.dispatch('setSavingRecipe', { saving: false })
-                //     $this.$window.goTo('/recipe/'+recipe)
-                //     // Refresh navigation to display changes
-                //     $this.$root.$emit('refreshNavigation')
-                // }).fail(function(e) {
-                //     $this.$store.dispatch('setSavingRecipe', { saving: false })
-                //     alert(t('cookbook', 'Recipe could not be saved'))
-                // }).always(() => {
-                //     $this.savingRecipe = false
-                // })
             } else {
                 // Create a new recipe
                 axios({

From bcf2e884b953b74af0b099f3c531b25376e4a2cd Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Mon, 11 Jan 2021 18:28:11 +0100
Subject: [PATCH 13/17] Fixed acessing undefined element when adding first
 input element in edit input group. Fixed pasting content without newline in
 input group

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/EditInputGroup.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/EditInputGroup.vue b/src/components/EditInputGroup.vue
index 4c85f8645..0ebd62f7a 100644
--- a/src/components/EditInputGroup.vue
+++ b/src/components/EditInputGroup.vue
@@ -67,8 +67,8 @@ export default {
 
             if (focusAfterInsert) {
                 let $this = this
-                let listItems = this.$refs['list-item']
                 this.$nextTick(function() {
+                    let listItems = this.$refs['list-item']
                     if (listItems.length > index) {
                         if ($this.fieldType === 'text') {
                             listItems[index].getElementsByTagName('input')[0].focus()
@@ -117,7 +117,6 @@ export default {
             // from the data pasted in the input field (e.target.value)
             var clipboardData = e.clipboardData || window.clipboardData
             var pastedData = clipboardData.getData('Text')
-
             let input_lines_array = pastedData.split(/\r\n|\r|\n/g)
 
             if ( input_lines_array.length == 1) {

From d8d5875047c9cbab6391904a5807b0908fdf3b39 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Mon, 11 Jan 2021 23:45:36 +0100
Subject: [PATCH 14/17] Bumped @nextcloud/axios to 1.6.0 and
 @nextcloud/event-bus to 1.2.0 Added @nextcloud/auth

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 package.json | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 596dad707..cd76ad681 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,9 @@
   },
   "homepage": "https://github.com/mrzapp/nextcloud-cookbook#readme",
   "dependencies": {
-    "@nextcloud/axios": "^1.5.0",
-    "@nextcloud/event-bus": "^1.1.4",
+    "@nextcloud/auth": "^1.3.0",
+    "@nextcloud/axios": "^1.6.0",
+    "@nextcloud/event-bus": "^1.2.0",
     "@nextcloud/moment": "^1.1.1",
     "@nextcloud/vue": "^1.5.0",
     "lozad": "^1.16.0",

From 2a673e552fbdf072bb7decb48bb90e6f2e9eb22c Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Thu, 14 Jan 2021 12:45:38 +0100
Subject: [PATCH 15/17] Fixed setting keywords in AppIndex

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/AppIndex.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/AppIndex.vue b/src/components/AppIndex.vue
index e5aa906f5..cc77e6d76 100644
--- a/src/components/AppIndex.vue
+++ b/src/components/AppIndex.vue
@@ -201,7 +201,7 @@ export default {
             axios.get(this.$window.baseUrl + '/api/recipes')
                 .then(function (response) {
                     $this.recipes = response.data
-                    $this.setKeywords(recipes)
+                    $this.setKeywords($this.recipes)
                     // Always set page name last
                     $this.$store.dispatch('setPage', { page: 'index' })
                 })

From 88d03bc1bd96f969b9ce56631800039b5a60447c Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Fri, 15 Jan 2021 18:06:56 +0100
Subject: [PATCH 16/17] Simplified referencing inputs and textareas

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/EditInputGroup.vue | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/EditInputGroup.vue b/src/components/EditInputGroup.vue
index 0ebd62f7a..9394973c6 100644
--- a/src/components/EditInputGroup.vue
+++ b/src/components/EditInputGroup.vue
@@ -2,10 +2,10 @@
     <fieldset>
         <label>{{ fieldLabel }}</label>
         <ul>
-            <li :class="fieldType" v-for="(entry,idx) in buffer" :key="fieldName+idx" ref="list-item">
+            <li :class="fieldType" v-for="(entry,idx) in buffer" :key="fieldName+idx">
                 <div v-if="showStepNumber" class="step-number">{{ parseInt(idx) + 1 }}</div>
-                <input v-if="fieldType==='text'" type="text" v-model="buffer[idx]" @keyup="keyPressed" v-on:input="handleInput" @paste="handlePaste" />
-                <textarea v-else-if="fieldType==='textarea'" v-model="buffer[idx]" v-on:input="handleInput" @paste="handlePaste"></textarea>
+                <input v-if="fieldType==='text'" type="text" ref="list-field" v-model="buffer[idx]" @keyup="keyPressed" v-on:input="handleInput" @paste="handlePaste" />
+                <textarea v-else-if="fieldType==='textarea'" ref="list-field" v-model="buffer[idx]" v-on:input="handleInput" @paste="handlePaste"></textarea>
                 <div class="controls">
                     <button class="icon-arrow-up" @click="moveEntryUp(idx)"></button>
                     <button class="icon-arrow-down" @click="moveEntryDown(idx)"></button>
@@ -68,13 +68,9 @@ export default {
             if (focusAfterInsert) {
                 let $this = this
                 this.$nextTick(function() {
-                    let listItems = this.$refs['list-item']
-                    if (listItems.length > index) {
-                        if ($this.fieldType === 'text') {
-                            listItems[index].getElementsByTagName('input')[0].focus()
-                        } else if ($this.fieldType === 'textarea') {
-                            listItems[index].getElementsByTagName('textarea')[0].focus()
-                        }
+                    let listFields = this.$refs['list-field']
+                    if (listFields.length > index) {
+                        listFields[index].focus()
                     }
                 })
             }
@@ -152,7 +148,7 @@ export default {
                     this.deleteEntry($inserted_index)
                     indexToFocus--
                 }
-                $ul.children[indexToFocus].getElementsByTagName('input')[0].focus()
+                this.$refs['list-field'][indexToFocus].focus()
                 this.contentPasted = false
             })
         },
@@ -167,7 +163,7 @@ export default {
                 let $ul = $li.closest('ul')
                 let $pressed_li_index = Array.prototype.indexOf.call($ul.childNodes, $li)
 
-                if ($pressed_li_index >= this.$refs['list-item'].length - 1) {
+                if ($pressed_li_index >= this.$refs['list-field'].length - 1) {
                     this.addNewEntry ()
                 } else {
                     $ul.children[$pressed_li_index+1].getElementsByTagName('input')[0].focus()

From 57045ea59d33a8ffa55563581d0cb7bd7bc297b1 Mon Sep 17 00:00:00 2001
From: Sebastian Fey <info@sebastianfey.de>
Date: Fri, 15 Jan 2021 18:16:45 +0100
Subject: [PATCH 17/17] Fixed wrong this context in axios response handling

Signed-off-by: Sebastian Fey <info@sebastianfey.de>
---
 src/components/AppNavi.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/AppNavi.vue b/src/components/AppNavi.vue
index 40a9f5a32..ac884e3cf 100644
--- a/src/components/AppNavi.vue
+++ b/src/components/AppNavi.vue
@@ -225,6 +225,7 @@ export default {
          */
         downloadRecipe: function(e) {
             this.downloading = true
+            let $this = this
             axios({
                 url: this.$window.baseUrl + '/import',
                 method: 'POST',
@@ -232,12 +233,12 @@ export default {
             })
                 .then(function(response) {
                     let recipe = response.data
-                    this.downloading = false
-                    this.$window.goTo('/recipe/' + recipe.id)
+                    $this.downloading = false
+                    $this.$window.goTo('/recipe/' + recipe.id)
                     e.target[1].value = ''
                 })
                 .catch(function(e) {
-                    this.downloading = false
+                    $this.downloading = false
                     alert(t('cookbook', e.request.responseJSON))
                 })
         },