diff --git a/cookbook/static/vue/components/Toast.js b/cookbook/static/Toast.js
similarity index 100%
rename from cookbook/static/vue/components/Toast.js
rename to cookbook/static/Toast.js
diff --git a/cookbook/templates/meal_plan.html b/cookbook/templates/meal_plan.html
index 925fc736..bc91365d 100644
--- a/cookbook/templates/meal_plan.html
+++ b/cookbook/templates/meal_plan.html
@@ -6,16 +6,6 @@
 
 {% block extra_head %}
 
-    {% include 'include/vue_base.html' %}
-
-    <script src="{% static 'js/moment-with-locales.min.js' %}"></script>
-
-    <script src="{% static 'js/Sortable.min.js' %}"></script>
-    <script src="{% static 'js/vuedraggable.umd.min.js' %}"></script>
-    <script src="{% static 'js/vue-cookies.js' %}"></script>
-
-    <script src="{% static 'js/js.cookie.min.js' %}"></script>
-
 {% endblock %}
 
 {% block content %}
@@ -371,350 +361,13 @@
 
     </div>
 
-    <script src="{% url 'javascript-catalog' %}"></script>
+     <script src="{% url 'javascript-catalog' %}"></script>
 
-    <script src="{% static 'vue/components/Toast.js' %}" type="application/javascript"></script>
+    {% load render_bundle from webpack_loader %}
+    <div id="app_2">
+        <app></app>
+    </div>
+    {% render_bundle 'chunk-vendors' %}
+    {% render_bundle 'vue_app_01' %}
 
-    <script type="application/javascript">
-        moment.locale('{{request.LANGUAGE_CODE}}');
-
-        let csrftoken = Cookies.get('csrftoken');
-        Vue.http.headers.common['X-CSRFToken'] = csrftoken;
-
-        let app = new Vue({
-            delimiters: ['[[', ']]'],
-            el: '#app',
-            mixin: [toast_mixin],
-            data: {
-                start_date: undefined,
-                start_offset: 0,
-                dates: [],
-                number_of_days: $cookies.isKey('number_of_days') ? $cookies.get('number_of_days') : 7,
-                plan_entries: [],
-                meal_types: [],
-                meal_types_edit: [],
-                meal_plan: {},
-                plan_detail: {shared: []},
-                recipes: [],
-                recipe_query: '',
-                pseudo_note_list: [
-                    {id: 0, title: '', text: ''}
-                ],
-                new_note_title: '',
-                new_note_text: '',
-                new_note_servings: '',
-                default_shared_users: [],
-                user_id_update: [],
-                user_names: {},
-                shopping: false,
-                shopping_list: [],
-            },
-            mounted: function () {
-                this.default_shared_users = [{% for u in request.user.userpreference.plan_share.all %}
-                    {{ u.pk }},
-                {% endfor %}]
-
-                this.$set(this.user_names, {{ request.user.pk }}, '{{ request.user.get_user_name }}')
-                this.user_id_update = Array.from(this.default_shared_users)
-
-                this.start_offset = $cookies.isKey('start_offset') ? $cookies.get('start_offset') : 0;
-                this.start_date = moment().weekday(0).add(this.start_offset, 'days').format('YYYY-MM-DD')
-
-                this.updatePlan();
-                this.getRecipes();
-
-                //this.makeToast('success', 'this actually works', 'success')
-            },
-            methods: {
-
-                updatePlan: function () {
-                    this.dates = [];
-                    for (var i = 0; i <= (this.number_of_days - 1); i++) {
-                        this.dates.push(moment(this.start_date).add(i, 'days'));
-                    }
-
-                    let planEntryPromise = this.getPlanEntries();
-                    let planTypePromise = this.getPlanTypes();
-
-                    Promise.allSettled([planEntryPromise, planTypePromise]).then(() => {
-                        this.buildGrid()
-                    })
-                },
-                getPlanEntries: function () {
-                    return this.$http.get("{% url 'api:mealplan-list' %}?from_date=" + this.dates[0].format('YYYY-MM-DD') + "&to_date=" + this.dates[this.dates.length - 1].format('YYYY-MM-DD')).then((response) => {
-                        this.plan_entries = response.data;
-                    }).catch((err) => {
-                        console.log("getPlanEntries error: ", err);
-                        this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                    })
-                },
-                getPlanTypes: function () {
-                    return this.$http.get("{% url 'api:mealtype-list' %}").then((response) => {
-                        this.meal_types = response.data;
-                        this.meal_types_edit = jQuery.extend(true, [], response.data);
-                        for (let mte of this.meal_types_edit) {
-                            this.$set(mte, 'delete', false)
-                        }
-                    }).catch((err) => {
-                        console.log("getPlanTypes error: ", err);
-                        this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                    })
-                },
-                buildGrid: function () {
-                    this.meal_plan = {}
-
-                    for (let e of this.plan_entries) {
-                        let new_type = {id: e.meal_type, name: e.meal_type_name, created_by: e.created_by}
-                        if (this.meal_types.filter(el => el.name === new_type.name).length === 0) {
-                            this.meal_types.push(new_type)
-                        }
-                    }
-
-                    for (let t of this.meal_types) {
-                        this.$set(this.meal_plan, t.name, {
-                            name: t.name,
-                            meal_type: t.id,
-                            days: {}
-                        })
-                        for (let d of this.dates) {
-                            this.$set(this.meal_plan[t.name].days, d.format('YYYY-MM-DD'), {
-                                name: this.formatDateDayname(d),
-                                date: d.format('YYYY-MM-DD'),
-                                items: []
-                            })
-                        }
-                    }
-                    for (let e of this.plan_entries) {
-                        this.meal_plan[e.meal_type_name].days[e.date].items.push(e)
-
-                        for (let u of e.shared) {
-                            if (!this.user_id_update.includes(parseInt(u))) {
-                                this.user_id_update.push(parseInt(u))
-                            }
-                        }
-                    }
-
-                    this.updateUserNames()
-                },
-                getRandomRecipes: function () {
-                    this.$set(this, 'recipe_query', '');
-                    this.getRecipes();
-                },
-                getRecipes: function () {
-                    let url = "{% url 'api:recipe-list' %}?limit=5"
-                    if (this.recipe_query !== '') {
-                        url += '&query=' + this.recipe_query;
-                    } else {
-                        url += '&random=True'
-                    }
-
-                    this.$http.get(url).then((response) => {
-                        this.recipes = response.data;
-                    }).catch((err) => {
-                        console.log("getRecipes error: ", err);
-                        this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                    })
-                },
-                getMdNote: function () {
-                    let url = "{% url 'api:recipe-list' %}?limit=5"
-                    if (this.recipe_query !== '') {
-                        url += '&query=' + this.recipe_query;
-                    }
-
-                    this.$http.get(url).then((response) => {
-                        this.recipes = response.data;
-                    }).catch((err) => {
-                        console.log("getRecipes error: ", err);
-                        this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                    })
-                },
-                updateUserNames: function () {
-                    return this.$http.get("{% url 'api:username-list' %}?filter_list=[" + this.user_id_update + ']').then((response) => {
-                        for (let u of response.data) {
-                            this.$set(this.user_names, u.id, u.username);
-                        }
-
-                    }).catch((err) => {
-                        console.log("updateUserNames error: ", err);
-                        this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                    })
-                },
-                dragChanged: function (date, meal_type, evt) {
-                    if (evt.added !== undefined) {
-                        let plan_entry = evt.added.element
-
-                        plan_entry.date = date
-                        plan_entry.meal_type = meal_type.id
-                        plan_entry.meal_type_name = meal_type.name
-
-                        if (plan_entry.is_new) { // its not a meal plan object
-                            plan_entry.created_by = {{ request.user.id }};
-                            plan_entry.shared = this.default_shared_users
-
-                            this.$http.post(`{% url 'api:mealplan-list' %}`, plan_entry).then((response) => {
-                                let entry = response.data
-                                this.meal_plan[entry.meal_type_name].days[entry.date].items = this.meal_plan[entry.meal_type_name].days[entry.date].items.filter(item => !item.is_new)
-                                this.meal_plan[entry.meal_type_name].days[entry.date].items.push(entry)
-                            }).catch((err) => {
-                                console.log("dragChanged create error", err);
-                            })
-                        } else {
-                            this.$http.put(`{% url 'api:mealplan-list' %}${plan_entry.id}/`, plan_entry).then((response) => {
-                            }).catch((err) => {
-                                console.log("dragChanged update error", err);
-                                this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                            })
-                        }
-                    }
-                },
-                deleteEntry: function (entry) {
-                    $('#id_plan_detail_modal').modal('hide')
-                    this.$http.delete(`{% url 'api:mealplan-list' %}${entry.id}/`, entry).then((response) => {
-                        this.meal_plan[entry.meal_type_name].days[entry.date].items = this.meal_plan[entry.meal_type_name].days[entry.date].items.filter(item => item !== entry)
-                    }).catch((err) => {
-                        console.log("deleteEntry error: ", err);
-                        this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                    })
-                },
-                updatePlanTypes: function () {
-                    let promise_list = []
-                    let i = 0
-                    for (let x of this.meal_types_edit) {
-                        x.order = i
-                        i++
-                        if (x.id === undefined && !x.delete) {
-                            x.created_by = {{ request.user.id }}
-                                promise_list.push(this.$http.post("{% url 'api:mealtype-list' %}", x).then((response) => {
-                                }).catch((err) => {
-                                    console.log("updatePlanTypes create error: ", err);
-                                    this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                                }))
-                        } else if (x.delete) {
-                            if (x.id !== undefined) {
-                                promise_list.push(this.$http.delete(`{% url 'api:mealtype-list' %}${x.id}/`, x).then((response) => {
-                                }).catch((err) => {
-                                    console.log("updatePlanTypes delete error: ", err);
-                                    this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                                }))
-                            }
-                        } else {
-                            promise_list.push(this.$http.put(`{% url 'api:mealtype-list' %}${x.id}/`, x).then((response) => {
-
-                            }).catch((err) => {
-                                console.log("updatePlanTypes update error: ", err);
-                                this.makeToast(gettext('Error'), gettext('There was an error loading a resource!') + err.bodyText, 'danger')
-                            }))
-                        }
-                    }
-                    Promise.allSettled(promise_list).then(() => {
-                        this.updatePlan()
-                        $('#id_plan_types_modal').modal('hide')
-                    })
-                },
-                markTypeDelete: function (element) {
-                    if (confirm(gettext('When deleting a meal type all entries using that type will be deleted as well. Deletion will apply when configuration is saved. Do you want to proceed?'))) {
-                        element.delete = true
-                    }
-                },
-                cloneRecipe: function (recipe) {
-                    let r = {
-                        id: Math.round(Math.random() * 1000) + 10000,
-                        recipe: recipe.id,
-                        recipe_name: recipe.name,
-                        servings: (this.new_note_servings > 1) ? this.new_note_servings : recipe.servings,
-                        title: this.new_note_title,
-                        note: this.new_note_text,
-                        is_new: true
-                    }
-
-                    this.new_note_title = ''
-                    this.new_note_text = ''
-                    this.new_note_servings = ''
-
-                    return r
-                },
-                cloneNote: function () {
-                    let new_entry = {
-                        id: Math.round(Math.random() * 1000) + 10000,
-                        title: this.new_note_title,
-                        note: this.new_note_text,
-                        servings: 1,
-                        is_new: true,
-                    }
-
-                    if (new_entry.title === '') {
-                        new_entry.title = gettext('Title')
-                    }
-
-                    this.new_note_title = ''
-                    this.new_note_text = ''
-                    this.new_note_servings = ''
-                    return new_entry
-                },
-                planElementName: function (element) {
-                    if (element.title) {
-                        return element.title
-                    } else if (element.recipe_name) {
-                        return element.recipe_name
-                    } else {
-                        return element.name
-                    }
-                },
-                planDetailRecipeUrl: function () {
-                    return "{% url 'view_recipe' 12345 %}".replace(/12345/, this.plan_detail.recipe);
-                },
-                planDetailEditUrl: function () {
-                    return "{% url 'edit_meal_plan' 12345 %}".replace(/12345/, this.plan_detail.id);
-                },
-                planDetailUserList: function () {
-                    let users = []
-                    for (let u of this.plan_detail.shared) {
-                        users.push(this.user_names[u])
-                    }
-                    return users.join(', ')
-                },
-                formatLocalDate: function (date) {
-                    return moment(date).format('LL')
-                },
-                formatDateDay: function (date) {
-                    return moment(date).format('D')
-                },
-                formatDateDayname: function (date) {
-                    return moment(date).format('dddd')
-                },
-                changeStartDate: function (change) {
-                    this.start_date = moment(this.start_date).add(change, 'days').format('YYYY-MM-DD')
-                    this.updatePlan();
-                },
-                getShoppingUrl: function () {
-                    let url = "{% url 'view_shopping' %}"
-                    let first = true
-                    for (let se of this.shopping_list) {
-                        if (first) {
-                            url += `?r=[${se.recipe},${se.servings}]`
-                            first = false
-                        } else {
-                            url += `&r=[${se.recipe},${se.servings}]`
-                        }
-                    }
-                    return url
-                },
-                getIcalUrl: function () {
-                    if (this.dates.length === 0) {
-                        return ""
-                    }
-                    return "{% url 'api_get_plan_ical' 12345 6789 %}".replace(/12345/, this.dates[0].format('YYYY-MM-DD')).replace(/6789/, this.dates[this.dates.length - 1].format('YYYY-MM-DD'));
-                },
-                addDayToShopping: function (date) {
-                    for (let t of this.meal_types) {
-                        for (let i of this.meal_plan[t.name].days[date.format('YYYY-MM-DD')].items) {
-                            if (!this.shopping_list.includes(i)) {
-                                this.shopping_list.push(i)
-                            }
-                        }
-                    }
-                }
-            }
-        });
-    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/recipes/settings.py b/recipes/settings.py
index 5143f111..aee55a08 100644
--- a/recipes/settings.py
+++ b/recipes/settings.py
@@ -72,6 +72,7 @@ INSTALLED_APPS = [
     'emoji_picker',
     'rest_framework',
     'rest_framework.authtoken',
+    'webpack_loader',
     'django_cleanup.apps.CleanupConfig',
     'cookbook.apps.CookbookConfig',
 ]
@@ -159,6 +160,21 @@ AUTH_PASSWORD_VALIDATORS = [
     },
 ]
 
+# Settings regarding the vue webpack integration
+
+VUE_FRONTEND_DIR = os.path.join(BASE_DIR, 'vue')
+
+WEBPACK_LOADER = {
+    'DEFAULT': {
+        'CACHE': not DEBUG,
+        'BUNDLE_DIR_NAME': 'vue/',  # must end with slash
+        'STATS_FILE': os.path.join(VUE_FRONTEND_DIR, 'webpack-stats.json'),
+        'POLL_INTERVAL': 0.1,
+        'TIMEOUT': None,
+        'IGNORE': [r'.+\.hot-update.js', r'.+\.map']
+    }
+}
+
 # Internationalization
 # https://docs.djangoproject.com/en/2.0/topics/i18n/
 
diff --git a/requirements.txt b/requirements.txt
index 67741ea2..33e46e8a 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -28,3 +28,4 @@ beautifulsoup4==4.9.3
 microdata==0.7.1
 django-random-queryset==0.1.3
 Jinja2==2.11.2
+django-webpack-loader==0.7.0
\ No newline at end of file
diff --git a/vue/package.json b/vue/package.json
index b1689786..f9018a88 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -8,8 +8,15 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "bootstrap": "^4.5.3",
+    "bootstrap-vue": "^2.21.2",
     "core-js": "^3.6.5",
-    "vue": "^3.0.0"
+    "moment": "^2.29.1",
+    "vue": "^2.6.12",
+    "vue-cookies": "^1.7.4",
+    "vue-resource": "^1.5.1",
+    "vue-template-compiler": "^2.6.12",
+    "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
diff --git a/vue/src/App.vue b/vue/src/App.vue
index 591a0312..fa97da47 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -1,26 +1,380 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import Vue from 'vue'
+import {BootstrapVue, IconsPlugin} from 'bootstrap-vue'
+
+// Import Bootstrap an BootstrapVue CSS files (order is important)
+import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
+
+// Make BootstrapVue available throughout your project
+Vue.use(BootstrapVue)
+// Optionally install the BootstrapVue icon components plugin
+Vue.use(IconsPlugin)
+
+import draggable from 'vuedraggable'
+
+import VueCookies from 'vue-cookies'
+
+Vue.use(VueCookies)
+
+import moment from 'moment'
+
+import ToastComponent from './components/ToastComponent.vue'
+
+Vue.prototype.this.gettext = window.this.gettext
+
+//moment.locale('{{request.LANGUAGE_CODE}}');
+
+let csrftoken = Cookies.get('csrftoken');
+Vue.http.headers.common['X-CSRFToken'] = csrftoken;
 
 export default {
   name: 'App',
   components: {
-    HelloWorld
+    draggable,
+    ToastComponent
+  },
+  delimiters: ['[[', ']]'],
+  el: '#app',
+  mixin: [],
+  data() {
+    return {
+      start_date: undefined,
+      start_offset: 0,
+      dates: [],
+      number_of_days:this.$cookies.isKey('number_of_days') ?this.$cookies.get('number_of_days') : 7,
+      plan_entries: [],
+      meal_types: [],
+      meal_types_edit: [],
+      meal_plan: {},
+      plan_detail: {shared: []},
+      recipes: [],
+      recipe_query: '',
+      pseudo_note_list: [
+        {id: 0, title: '', text: ''}
+      ],
+      new_note_title: '',
+      new_note_text: '',
+      new_note_servings: '',
+      default_shared_users: [],
+      user_id_update: [],
+      user_names: {},
+      shopping: false,
+      shopping_list: [],
+    }
+  },
+  mounted: function () {
+
+    this.user_id_update = Array.from(this.default_shared_users)
+
+    this.start_offset =this.$cookies.isKey('start_offset') ?this.$cookies.get('start_offset') : 0;
+    this.start_date = moment().weekday(0).add(this.start_offset, 'days').format('YYYY-MM-DD')
+
+    this.updatePlan();
+    this.getRecipes();
+
+    //this.makeToast('success', 'this actually works', 'success')
+  },
+  methods: {
+    makeToast: function (title, message, variant = null) {
+      this.$bvToast.toast(message, {
+        title: title,
+        variant: variant,
+        toaster: 'b-toaster-top-center',
+        solid: true
+      })
+    },
+    updatePlan: function () {
+      this.dates = [];
+      for (var i = 0; i <= (this.number_of_days - 1); i++) {
+        this.dates.push(moment(this.start_date).add(i, 'days'));
+      }
+
+      let planEntryPromise = this.getPlanEntries();
+      let planTypePromise = this.getPlanTypes();
+
+      Promise.allSettled([planEntryPromise, planTypePromise]).then(() => {
+        this.buildGrid()
+      })
+    },
+    getPlanEntries: function () {
+      return this.$http.get("{% url 'api:mealplan-list' %}?from_date=" + this.dates[0].format('YYYY-MM-DD') + "&to_date=" + this.dates[this.dates.length - 1].format('YYYY-MM-DD')).then((response) => {
+        this.plan_entries = response.data;
+      }).catch((err) => {
+        console.log("getPlanEntries error: ", err);
+        this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+      })
+    },
+    getPlanTypes: function () {
+      return this.$http.get("{% url 'api:mealtype-list' %}").then((response) => {
+        this.meal_types = response.data;
+        this.meal_types_edit = jQuery.extend(true, [], response.data);
+        for (let mte of this.meal_types_edit) {
+          this.$set(mte, 'delete', false)
+        }
+      }).catch((err) => {
+        console.log("getPlanTypes error: ", err);
+        this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+      })
+    },
+    buildGrid: function () {
+      this.meal_plan = {}
+
+      for (let e of this.plan_entries) {
+        let new_type = {id: e.meal_type, name: e.meal_type_name, created_by: e.created_by}
+        if (this.meal_types.filter(el => el.name === new_type.name).length === 0) {
+          this.meal_types.push(new_type)
+        }
+      }
+
+      for (let t of this.meal_types) {
+        this.$set(this.meal_plan, t.name, {
+          name: t.name,
+          meal_type: t.id,
+          days: {}
+        })
+        for (let d of this.dates) {
+          this.$set(this.meal_plan[t.name].days, d.format('YYYY-MM-DD'), {
+            name: this.formatDateDayname(d),
+            date: d.format('YYYY-MM-DD'),
+            items: []
+          })
+        }
+      }
+      for (let e of this.plan_entries) {
+        this.meal_plan[e.meal_type_name].days[e.date].items.push(e)
+
+        for (let u of e.shared) {
+          if (!this.user_id_update.includes(parseInt(u))) {
+            this.user_id_update.push(parseInt(u))
+          }
+        }
+      }
+
+      this.updateUserNames()
+    },
+    getRandomRecipes: function () {
+      this.$set(this, 'recipe_query', '');
+      this.getRecipes();
+    },
+    getRecipes: function () {
+      let url = "{% url 'api:recipe-list' %}?limit=5"
+      if (this.recipe_query !== '') {
+        url += '&query=' + this.recipe_query;
+      } else {
+        url += '&random=True'
+      }
+
+      this.$http.get(url).then((response) => {
+        this.recipes = response.data;
+      }).catch((err) => {
+        console.log("getRecipes error: ", err);
+        this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+      })
+    },
+    getMdNote: function () {
+      let url = "{% url 'api:recipe-list' %}?limit=5"
+      if (this.recipe_query !== '') {
+        url += '&query=' + this.recipe_query;
+      }
+
+      this.$http.get(url).then((response) => {
+        this.recipes = response.data;
+      }).catch((err) => {
+        console.log("getRecipes error: ", err);
+        this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+      })
+    },
+    updateUserNames: function () {
+      return this.$http.get("{% url 'api:username-list' %}?filter_list=[" + this.user_id_update + ']').then((response) => {
+        for (let u of response.data) {
+          this.$set(this.user_names, u.id, u.username);
+        }
+
+      }).catch((err) => {
+        console.log("updateUserNames error: ", err);
+        this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+      })
+    },
+    dragChanged: function (date, meal_type, evt) {
+      if (evt.added !== undefined) {
+        let plan_entry = evt.added.element
+
+        plan_entry.date = date
+        plan_entry.meal_type = meal_type.id
+        plan_entry.meal_type_name = meal_type.name
+
+        if (plan_entry.is_new) { // its not a meal plan object
+          plan_entry.created_by = 0;
+          plan_entry.shared = this.default_shared_users
+
+          this.$http.post(`{% url 'api:mealplan-list' %}`, plan_entry).then((response) => {
+            let entry = response.data
+            this.meal_plan[entry.meal_type_name].days[entry.date].items = this.meal_plan[entry.meal_type_name].days[entry.date].items.filter(item => !item.is_new)
+            this.meal_plan[entry.meal_type_name].days[entry.date].items.push(entry)
+          }).catch((err) => {
+            console.log("dragChanged create error", err);
+          })
+        } else {
+          this.$http.put(`{% url 'api:mealplan-list' %}${plan_entry.id}/`, plan_entry).then((response) => {
+          }).catch((err) => {
+            console.log("dragChanged update error", err);
+            this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+          })
+        }
+      }
+    },
+    deleteEntry: function (entry) {
+      $('#id_plan_detail_modal').modal('hide')
+      this.$http.delete(`{% url 'api:mealplan-list' %}${entry.id}/`, entry).then((response) => {
+        this.meal_plan[entry.meal_type_name].days[entry.date].items = this.meal_plan[entry.meal_type_name].days[entry.date].items.filter(item => item !== entry)
+      }).catch((err) => {
+        console.log("deleteEntry error: ", err);
+        this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+      })
+    },
+    updatePlanTypes: function () {
+      let promise_list = []
+      let i = 0
+      for (let x of this.meal_types_edit) {
+        x.order = i
+        i++
+        if (x.id === undefined && !x.delete) {
+          x.created_by = 0
+          promise_list.push(this.$http.post("{% url 'api:mealtype-list' %}", x).then((response) => {
+          }).catch((err) => {
+            console.log("updatePlanTypes create error: ", err);
+            this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+          }))
+        } else if (x.delete) {
+          if (x.id !== undefined) {
+            promise_list.push(this.$http.delete(`{% url 'api:mealtype-list' %}${x.id}/`, x).then((response) => {
+            }).catch((err) => {
+              console.log("updatePlanTypes delete error: ", err);
+              this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+            }))
+          }
+        } else {
+          promise_list.push(this.$http.put(`{% url 'api:mealtype-list' %}${x.id}/`, x).then((response) => {
+
+          }).catch((err) => {
+            console.log("updatePlanTypes update error: ", err);
+            this.makeToast(this.gettext('Error'), this.gettext('There was an error loading a resource!') + err.bodyText, 'danger')
+          }))
+        }
+      }
+      Promise.allSettled(promise_list).then(() => {
+        this.updatePlan()
+        $('#id_plan_types_modal').modal('hide')
+      })
+    },
+    markTypeDelete: function (element) {
+      if (confirm(this.gettext('When deleting a meal type all entries using that type will be deleted as well. Deletion will apply when configuration is saved. Do you want to proceed?'))) {
+        element.delete = true
+      }
+    },
+    cloneRecipe: function (recipe) {
+      let r = {
+        id: Math.round(Math.random() * 1000) + 10000,
+        recipe: recipe.id,
+        recipe_name: recipe.name,
+        servings: (this.new_note_servings > 1) ? this.new_note_servings : recipe.servings,
+        title: this.new_note_title,
+        note: this.new_note_text,
+        is_new: true
+      }
+
+      this.new_note_title = ''
+      this.new_note_text = ''
+      this.new_note_servings = ''
+
+      return r
+    },
+    cloneNote: function () {
+      let new_entry = {
+        id: Math.round(Math.random() * 1000) + 10000,
+        title: this.new_note_title,
+        note: this.new_note_text,
+        servings: 1,
+        is_new: true,
+      }
+
+      if (new_entry.title === '') {
+        new_entry.title = this.gettext('Title')
+      }
+
+      this.new_note_title = ''
+      this.new_note_text = ''
+      this.new_note_servings = ''
+      return new_entry
+    },
+    planElementName: function (element) {
+      if (element.title) {
+        return element.title
+      } else if (element.recipe_name) {
+        return element.recipe_name
+      } else {
+        return element.name
+      }
+    },
+    planDetailRecipeUrl: function () {
+      return "{% url 'view_recipe' 12345 %}".replace(/12345/, this.plan_detail.recipe);
+    },
+    planDetailEditUrl: function () {
+      return "{% url 'edit_meal_plan' 12345 %}".replace(/12345/, this.plan_detail.id);
+    },
+    planDetailUserList: function () {
+      let users = []
+      for (let u of this.plan_detail.shared) {
+        users.push(this.user_names[u])
+      }
+      return users.join(', ')
+    },
+    formatLocalDate: function (date) {
+      return moment(date).format('LL')
+    },
+    formatDateDay: function (date) {
+      return moment(date).format('D')
+    },
+    formatDateDayname: function (date) {
+      return moment(date).format('dddd')
+    },
+    changeStartDate: function (change) {
+      this.start_date = moment(this.start_date).add(change, 'days').format('YYYY-MM-DD')
+      this.updatePlan();
+    },
+    getShoppingUrl: function () {
+      let url = "{% url 'view_shopping' %}"
+      let first = true
+      for (let se of this.shopping_list) {
+        if (first) {
+          url += `?r=[${se.recipe},${se.servings}]`
+          first = false
+        } else {
+          url += `&r=[${se.recipe},${se.servings}]`
+        }
+      }
+      return url
+    },
+    getIcalUrl: function () {
+      if (this.dates.length === 0) {
+        return ""
+      }
+      return "{% url 'api_get_plan_ical' 12345 6789 %}".replace(/12345/, this.dates[0].format('YYYY-MM-DD')).replace(/6789/, this.dates[this.dates.length - 1].format('YYYY-MM-DD'));
+    },
+    addDayToShopping: function (date) {
+      for (let t of this.meal_types) {
+        for (let i of this.meal_plan[t.name].days[date.format('YYYY-MM-DD')].items) {
+          if (!this.shopping_list.includes(i)) {
+            this.shopping_list.push(i)
+          }
+        }
+      }
+    }
   }
 }
 </script>
-
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
diff --git a/vue/src/components/HelloWorld.vue b/vue/src/components/HelloWorld.vue
deleted file mode 100644
index 879051a2..00000000
--- a/vue/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
diff --git a/vue/src/components/ToastComponent.vue b/vue/src/components/ToastComponent.vue
new file mode 100644
index 00000000..ca8d6416
--- /dev/null
+++ b/vue/src/components/ToastComponent.vue
@@ -0,0 +1,18 @@
+
+
+<script>
+export default {
+  name: 'HelloWorld',
+  methods: {
+    makeToastComponent: function (title, message, variant = null) {
+      this.$bvToast.toast(message, {
+        title: title,
+        variant: variant,
+        toaster: 'b-toaster-top-center',
+        solid: true
+      })
+    }
+  }
+}
+</script>
+
diff --git a/vue/src/mixins/Toast.vue b/vue/src/mixins/Toast.vue
new file mode 100644
index 00000000..ddda0d5c
--- /dev/null
+++ b/vue/src/mixins/Toast.vue
@@ -0,0 +1,14 @@
+<script>
+let toast_mixin = Vue.mixin({
+  methods: {
+    makeToast: function (title, message, variant = null) {
+      this.$bvToast.toast(message, {
+        title: title,
+        variant: variant,
+        toaster: 'b-toaster-top-center',
+        solid: true
+      })
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/vue/vue.config.js b/vue/vue.config.js
new file mode 100644
index 00000000..439c1b24
--- /dev/null
+++ b/vue/vue.config.js
@@ -0,0 +1,56 @@
+const BundleTracker = require("webpack-bundle-tracker");
+
+const pages = {
+    'vue_app_01': {
+        entry: './src/main.js',
+        chunks: ['chunk-vendors']
+    },
+}
+
+module.exports = {
+    pages: pages,
+    filenameHashing: false,
+    productionSourceMap: false,
+    publicPath: process.env.NODE_ENV === 'production'
+        ? ''
+        : 'http://localhost:8080/',
+    outputDir: '../cookbook/static/vue/',
+
+    chainWebpack: config => {
+
+        config.optimization
+            .splitChunks({
+                cacheGroups: {
+                    vendor: {
+                        test: /[\\/]node_modules[\\/]/,
+                        name: "chunk-vendors",
+                        chunks: "all",
+                        priority: 1
+                    },
+                },
+            });
+
+        Object.keys(pages).forEach(page => {
+            config.plugins.delete(`html-${page}`);
+            config.plugins.delete(`preload-${page}`);
+            config.plugins.delete(`prefetch-${page}`);
+        })
+
+        config
+            .plugin('BundleTracker')
+            .use(BundleTracker, [{filename: '../vue/webpack-stats.json'}]);
+
+        config.resolve.alias
+            .set('__STATIC__', 'static')
+
+        config.devServer
+            .public('http://localhost:8080')
+            .host('localhost')
+            .port(8080)
+            .hotOnly(true)
+            .watchOptions({poll: 1000})
+            .https(false)
+            .headers({"Access-Control-Allow-Origin": ["*"]})
+
+    }
+};
\ No newline at end of file
diff --git a/vue/webpack-stats.json b/vue/webpack-stats.json
new file mode 100644
index 00000000..b6bb3991
--- /dev/null
+++ b/vue/webpack-stats.json
@@ -0,0 +1 @@
+{"status":"error","error":"ModuleError","message":"Module Error (from ./node_modules/eslint-loader/index.js):\n\nF:\\Developement\\Django\\recipes\\vue\\src\\App.vue\n    1:1   error  The template requires child element                              vue/valid-template-root\n   32:17  error  'Cookies' is not defined                                         no-undef\n   38:5   error  The \"draggable\" component has been registered but not used       vue/no-unused-components\n   39:5   error  The \"ToastComponent\" component has been registered but not used  vue/no-unused-components\n  115:32  error  'jQuery' is not defined                                          no-undef\n  223:94  error  'response' is defined but never used                             no-unused-vars\n  232:7   error  '$' is not defined                                               no-undef\n  233:83  error  'response' is defined but never used                             no-unused-vars\n  248:87  error  'response' is defined but never used                             no-unused-vars\n  255:99  error  'response' is defined but never used                             no-unused-vars\n  262:94  error  'response' is defined but never used                             no-unused-vars\n  272:9   error  '$' is not defined                                               no-undef\n\n✖ 12 problems (12 errors, 0 warnings)\n"}
\ No newline at end of file
diff --git a/vue/yarn.lock b/vue/yarn.lock
index 02eb3462..cff4c57d 100644
--- a/vue/yarn.lock
+++ b/vue/yarn.lock
@@ -900,6 +900,20 @@
   resolved "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-1.1.3.tgz?cache=0&sync_timestamp=1609074653238&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40nodelib%2Ffs.stat%2Fdownload%2F%40nodelib%2Ffs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs=
 
+"@nuxt/opencollective@^0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@nuxt/opencollective/-/opencollective-0.3.2.tgz#83cb70cdb2bac5fad6f8c93529e7b11187d49c02"
+  integrity sha512-XG7rUdXG9fcafu9KTDIYjJSkRO38EwjlKYIb5TQ/0WDbiTUTtUtgncMscKOYzfsY86kGs05pAuMOR+3Fi0aN3A==
+  dependencies:
+    chalk "^4.1.0"
+    consola "^2.15.0"
+    node-fetch "^2.6.1"
+
+"@sindresorhus/is@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"
+  integrity sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==
+
 "@soda/friendly-errors-webpack-plugin@^1.7.1":
   version "1.8.0"
   resolved "https://registry.npm.taobao.org/@soda/friendly-errors-webpack-plugin/download/@soda/friendly-errors-webpack-plugin-1.8.0.tgz?cache=0&sync_timestamp=1607927625608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40soda%2Ffriendly-errors-webpack-plugin%2Fdownload%2F%40soda%2Ffriendly-errors-webpack-plugin-1.8.0.tgz#84751d82a93019d5c92c0cf0e45ac59087cd2240"
@@ -1403,30 +1417,6 @@
   resolved "https://registry.npm.taobao.org/@vue/preload-webpack-plugin/download/@vue/preload-webpack-plugin-1.1.2.tgz#ceb924b4ecb3b9c43871c7a429a02f8423e621ab"
   integrity sha1-zrkktOyzucQ4ccekKaAvhCPmIas=
 
-"@vue/reactivity@3.0.5":
-  version "3.0.5"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.5.tgz?cache=0&sync_timestamp=1609362209031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.5.tgz#e3789e4d523d845f9ae0b4d770e2b45594742fd2"
-  integrity sha1-43ieTVI9hF+a4LTXcOK0VZR0L9I=
-  dependencies:
-    "@vue/shared" "3.0.5"
-
-"@vue/runtime-core@3.0.5":
-  version "3.0.5"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.5.tgz?cache=0&sync_timestamp=1609359965550&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.5.tgz#da6331d5f300d5794e9e0ebdc8a8bd72a9e19962"
-  integrity sha1-2mMx1fMA1XlOng69yKi9cqnhmWI=
-  dependencies:
-    "@vue/reactivity" "3.0.5"
-    "@vue/shared" "3.0.5"
-
-"@vue/runtime-dom@3.0.5":
-  version "3.0.5"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.5.tgz?cache=0&sync_timestamp=1609359965737&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.5.tgz#1ce2c9c449e26ab06963da0064096e882a7a8935"
-  integrity sha1-HOLJxEniarBpY9oAZAluiCp6iTU=
-  dependencies:
-    "@vue/runtime-core" "3.0.5"
-    "@vue/shared" "3.0.5"
-    csstype "^2.6.8"
-
 "@vue/shared@3.0.5":
   version "3.0.5"
   resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.5.tgz?cache=0&sync_timestamp=1609359965878&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.5.tgz#c131d88bd6713cc4d93b3bb1372edb1983225ff0"
@@ -2028,6 +2018,22 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.npm.taobao.org/boolbase/download/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
+bootstrap-vue@^2.21.2:
+  version "2.21.2"
+  resolved "https://registry.yarnpkg.com/bootstrap-vue/-/bootstrap-vue-2.21.2.tgz#ec38f66c3a2205becccddb6158a991d96509ed0b"
+  integrity sha512-0Exe+4MZysqhZNXIKf4TzkvXaupxh9EHsoCRez0o5Dc0J7rlafayOEwql63qXv74CgZO8E4U8ugRNJko1vMvNw==
+  dependencies:
+    "@nuxt/opencollective" "^0.3.2"
+    bootstrap ">=4.5.3 <5.0.0"
+    popper.js "^1.16.1"
+    portal-vue "^2.1.7"
+    vue-functional-data-merge "^3.1.0"
+
+"bootstrap@>=4.5.3 <5.0.0", bootstrap@^4.5.3:
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.5.3.tgz#c6a72b355aaf323920be800246a6e4ef30997fe6"
+  integrity sha512-o9ppKQioXGqhw8Z7mah6KdTYpNQY//tipnkxppWhPbiSWdD+1raYsnhwEZjkTHYbGee4cVQ0Rx65EhOY/HNLcQ==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -2252,6 +2258,19 @@ cache-loader@^4.1.0:
     neo-async "^2.6.1"
     schema-utils "^2.0.0"
 
+cacheable-request@^2.1.1:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-2.1.4.tgz#0d808801b6342ad33c91df9d0b44dc09b91e5c3d"
+  integrity sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=
+  dependencies:
+    clone-response "1.0.2"
+    get-stream "3.0.0"
+    http-cache-semantics "3.8.1"
+    keyv "3.0.0"
+    lowercase-keys "1.0.0"
+    normalize-url "2.0.1"
+    responselike "1.0.2"
+
 call-bind@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/call-bind/download/call-bind-1.0.0.tgz#24127054bb3f9bdcb4b1fb82418186072f77b8ce"
@@ -2503,6 +2522,13 @@ cliui@^6.0.0:
     strip-ansi "^6.0.0"
     wrap-ansi "^6.2.0"
 
+clone-response@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
+  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
+  dependencies:
+    mimic-response "^1.0.0"
+
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.npm.taobao.org/clone/download/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
@@ -2642,6 +2668,11 @@ connect-history-api-fallback@^1.6.0:
   resolved "https://registry.npm.taobao.org/connect-history-api-fallback/download/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
   integrity sha1-izIIk1kwjRERFdgcrT/Oq4iPl7w=
 
+consola@^2.15.0:
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-2.15.0.tgz#40fc4eefa4d2f8ef2e2806147f056ea207fcc0e9"
+  integrity sha512-vlcSGgdYS26mPf7qNi+dCisbhiyDnrN1zaRbw3CSuc2wGOMEGGPsp46PdRG5gqXwgtJfjxDkxRNAgRPr1B77vQ==
+
 console-browserify@^1.1.0:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/console-browserify/download/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
@@ -2983,11 +3014,6 @@ csso@^4.0.2:
   dependencies:
     css-tree "^1.1.2"
 
-csstype@^2.6.8:
-  version "2.6.14"
-  resolved "https://registry.npm.taobao.org/csstype/download/csstype-2.6.14.tgz#004822a4050345b55ad4dcc00be1d9cf2f4296de"
-  integrity sha1-AEgipAUDRbVa1NzAC+HZzy9Clt4=
-
 cyclist@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/cyclist/download/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
@@ -3000,6 +3026,11 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
+
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
   version "2.6.9"
   resolved "https://registry.npm.taobao.org/debug/download/debug-2.6.9.tgz?cache=0&sync_timestamp=1607566782124&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -3031,6 +3062,13 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.npm.taobao.org/decode-uri-component/download/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
   integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
+  dependencies:
+    mimic-response "^1.0.0"
+
 deep-equal@^1.0.1:
   version "1.1.1"
   resolved "https://registry.npm.taobao.org/deep-equal/download/deep-equal-1.1.1.tgz?cache=0&sync_timestamp=1606859714626&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdeep-equal%2Fdownload%2Fdeep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
@@ -3255,6 +3293,11 @@ dotenv@^8.2.0:
   resolved "https://registry.npm.taobao.org/dotenv/download/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
   integrity sha1-l+YZJZradQ7qPk6j4mvO6lQksWo=
 
+duplexer3@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
+  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
+
 duplexer@^0.1.1:
   version "0.1.2"
   resolved "https://registry.npm.taobao.org/duplexer/download/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
@@ -3982,7 +4025,7 @@ fresh@0.5.2:
   resolved "https://registry.npm.taobao.org/fresh/download/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
-from2@^2.1.0:
+from2@^2.1.0, from2@^2.1.1:
   version "2.3.0"
   resolved "https://registry.npm.taobao.org/from2/download/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
   integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=
@@ -4070,7 +4113,7 @@ get-intrinsic@^1.0.0:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
-get-stream@^3.0.0:
+get-stream@3.0.0, get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/get-stream/download/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
   integrity sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=
@@ -4182,6 +4225,29 @@ globby@^9.2.0:
     pify "^4.0.1"
     slash "^2.0.0"
 
+got@^8.0.3:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/got/-/got-8.3.2.tgz#1d23f64390e97f776cac52e5b936e5f514d2e937"
+  integrity sha512-qjUJ5U/hawxosMryILofZCkm3C84PLJS/0grRIpjAwu+Lkxxj5cxeCU25BG0/3mDSpXKTyZr8oh8wIgLaH0QCw==
+  dependencies:
+    "@sindresorhus/is" "^0.7.0"
+    cacheable-request "^2.1.1"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^3.0.0"
+    into-stream "^3.1.0"
+    is-retry-allowed "^1.1.0"
+    isurl "^1.0.0-alpha5"
+    lowercase-keys "^1.0.0"
+    mimic-response "^1.0.0"
+    p-cancelable "^0.4.0"
+    p-timeout "^2.0.1"
+    pify "^3.0.0"
+    safe-buffer "^5.1.1"
+    timed-out "^4.0.1"
+    url-parse-lax "^3.0.0"
+    url-to-options "^1.0.1"
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.2:
   version "4.2.4"
   resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz?cache=0&sync_timestamp=1598867272489&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
@@ -4223,11 +4289,23 @@ has-flag@^4.0.0:
   resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=
 
+has-symbol-support-x@^1.4.1:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
+  integrity sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==
+
 has-symbols@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/has-symbols/download/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
   integrity sha1-n1IUdYpEGWxAbZvXbOv4HsLdMeg=
 
+has-to-string-tag-x@^1.2.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz#a045ab383d7b4b2012a00148ab0aa5f290044d4d"
+  integrity sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==
+  dependencies:
+    has-symbol-support-x "^1.4.1"
+
 has-value@^0.3.1:
   version "0.3.1"
   resolved "https://registry.npm.taobao.org/has-value/download/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
@@ -4293,7 +4371,7 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-he@1.2.x:
+he@1.2.x, he@^1.1.0:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
@@ -4405,6 +4483,11 @@ htmlparser2@^3.10.1:
     inherits "^2.0.1"
     readable-stream "^3.1.1"
 
+http-cache-semantics@3.8.1:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz#39b0e16add9b605bf0a9ef3d9daaf4843b4cacd2"
+  integrity sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.npm.taobao.org/http-deceiver/download/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -4632,6 +4715,14 @@ internal-ip@^4.3.0:
     default-gateway "^4.2.0"
     ipaddr.js "^1.9.0"
 
+into-stream@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/into-stream/-/into-stream-3.1.0.tgz#96fb0a936c12babd6ff1752a17d05616abd094c6"
+  integrity sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=
+  dependencies:
+    from2 "^2.1.1"
+    p-is-promise "^1.1.0"
+
 ip-regex@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/ip-regex/download/ip-regex-2.1.0.tgz?cache=0&sync_timestamp=1601334296605&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fip-regex%2Fdownload%2Fip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
@@ -4848,6 +4939,11 @@ is-obj@^2.0.0:
   resolved "https://registry.npm.taobao.org/is-obj/download/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha1-Rz+wXZc3BeP9liBUUBjKjiLvSYI=
 
+is-object@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-object/-/is-object-1.0.2.tgz#a56552e1c665c9e950b4a025461da87e72f86fcf"
+  integrity sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==
+
 is-path-cwd@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/is-path-cwd/download/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
@@ -4891,6 +4987,11 @@ is-resolvable@^1.0.0:
   resolved "https://registry.npm.taobao.org/is-resolvable/download/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
   integrity sha1-+xj4fOH+uSUWnJpAfBkxijIG7Yg=
 
+is-retry-allowed@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz#d778488bd0a4666a3be8a1482b9f2baafedea8b4"
+  integrity sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==
+
 is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npm.taobao.org/is-stream/download/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
@@ -4964,6 +5065,14 @@ isstream@~0.1.2:
   resolved "https://registry.npm.taobao.org/isstream/download/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
+isurl@^1.0.0-alpha5:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0.tgz#b27f4f49f3cdaa3ea44a0a5b7f3462e6edc39d67"
+  integrity sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==
+  dependencies:
+    has-to-string-tag-x "^1.2.0"
+    is-object "^1.0.1"
+
 javascript-stringify@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/javascript-stringify/download/javascript-stringify-2.0.1.tgz#6ef358035310e35d667c675ed63d3eb7c1aa19e5"
@@ -5017,6 +5126,11 @@ jsesc@~0.5.0:
   resolved "https://registry.npm.taobao.org/jsesc/download/jsesc-0.5.0.tgz?cache=0&sync_timestamp=1603891215549&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsesc%2Fdownload%2Fjsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
+json-buffer@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
+  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
+
 json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/json-parse-better-errors/download/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
@@ -5088,6 +5202,13 @@ jsprim@^1.2.2:
     json-schema "0.2.3"
     verror "1.10.0"
 
+keyv@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
+  integrity sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==
+  dependencies:
+    json-buffer "3.0.0"
+
 killable@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892"
@@ -5258,6 +5379,16 @@ lower-case@^1.1.1:
   resolved "https://registry.npm.taobao.org/lower-case/download/lower-case-1.1.4.tgz?cache=0&sync_timestamp=1606867791834&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flower-case%2Fdownload%2Flower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
   integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
 
+lowercase-keys@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
+  integrity sha1-TjNms55/VFfjXxMkvfb4jQv8cwY=
+
+lowercase-keys@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
+  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
+
 lru-cache@^4.0.1, lru-cache@^4.1.2:
   version "4.1.5"
   resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -5440,6 +5571,11 @@ mimic-fn@^2.1.0:
   resolved "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha1-ftLCzMyvhNP/y3pptXcR/CCDQBs=
 
+mimic-response@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
 mini-css-extract-plugin@^0.9.0:
   version "0.9.0"
   resolved "https://registry.npm.taobao.org/mini-css-extract-plugin/download/mini-css-extract-plugin-0.9.0.tgz?cache=0&sync_timestamp=1607647997292&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmini-css-extract-plugin%2Fdownload%2Fmini-css-extract-plugin-0.9.0.tgz#47f2cf07aa165ab35733b1fc97d4c46c0564339e"
@@ -5531,6 +5667,11 @@ mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.5, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
+moment@^2.29.1:
+  version "2.29.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
+  integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -5639,6 +5780,11 @@ no-case@^2.2.0:
   dependencies:
     lower-case "^1.1.1"
 
+node-fetch@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
+  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
+
 node-forge@^0.10.0:
   version "0.10.0"
   resolved "https://registry.npm.taobao.org/node-forge/download/node-forge-0.10.0.tgz?cache=0&sync_timestamp=1599010928186&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-forge%2Fdownload%2Fnode-forge-0.10.0.tgz#32dea2afb3e9926f02ee5ce8794902691a676bf3"
@@ -5729,6 +5875,15 @@ normalize-url@1.9.1:
     query-string "^4.1.0"
     sort-keys "^1.0.0"
 
+normalize-url@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-2.0.1.tgz#835a9da1551fa26f70e92329069a23aa6574d7e6"
+  integrity sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==
+  dependencies:
+    prepend-http "^2.0.0"
+    query-string "^5.0.1"
+    sort-keys "^2.0.0"
+
 normalize-url@^3.0.0:
   version "3.3.0"
   resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-3.3.0.tgz?cache=0&sync_timestamp=1602432435724&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnormalize-url%2Fdownload%2Fnormalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
@@ -5943,6 +6098,11 @@ os-tmpdir@~1.0.2:
   resolved "https://registry.npm.taobao.org/os-tmpdir/download/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
 
+p-cancelable@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.4.1.tgz#35f363d67d52081c8d9585e37bcceb7e0bbcb2a0"
+  integrity sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ==
+
 p-finally@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/p-finally/download/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
@@ -5953,6 +6113,11 @@ p-finally@^2.0.0:
   resolved "https://registry.npm.taobao.org/p-finally/download/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561"
   integrity sha1-vW/KqcVZoJa2gIBvTWV7Pw8kBWE=
 
+p-is-promise@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-1.1.0.tgz#9c9456989e9f6588017b0434d56097675c3da05e"
+  integrity sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=
+
 p-limit@^2.0.0, p-limit@^2.2.0, p-limit@^2.2.1, p-limit@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz?cache=0&sync_timestamp=1606288806475&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
@@ -5993,6 +6158,13 @@ p-retry@^3.0.1:
   dependencies:
     retry "^0.12.0"
 
+p-timeout@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-2.0.1.tgz#d8dd1979595d2dc0139e1fe46b8b646cb3cdf038"
+  integrity sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==
+  dependencies:
+    p-finally "^1.0.0"
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -6222,6 +6394,16 @@ pnp-webpack-plugin@^1.6.4:
   dependencies:
     ts-pnp "^1.1.6"
 
+popper.js@^1.16.1:
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1.tgz#2a223cb3dc7b6213d740e40372be40de43e65b1b"
+  integrity sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==
+
+portal-vue@^2.1.7:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/portal-vue/-/portal-vue-2.1.7.tgz#ea08069b25b640ca08a5b86f67c612f15f4e4ad4"
+  integrity sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==
+
 portfinder@^1.0.26:
   version "1.0.28"
   resolved "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
@@ -6597,6 +6779,11 @@ prepend-http@^1.0.0:
   resolved "https://registry.npm.taobao.org/prepend-http/download/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
   integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
 
+prepend-http@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
+  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
+
 prettier@^1.18.2:
   version "1.19.1"
   resolved "https://registry.npm.taobao.org/prettier/download/prettier-1.19.1.tgz?cache=0&sync_timestamp=1606521150228&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprettier%2Fdownload%2Fprettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
@@ -6728,6 +6915,15 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
+query-string@^5.0.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
+  integrity sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==
+  dependencies:
+    decode-uri-component "^0.2.0"
+    object-assign "^4.1.0"
+    strict-uri-encode "^1.0.0"
+
 querystring-es3@^0.2.0:
   version "0.2.1"
   resolved "https://registry.npm.taobao.org/querystring-es3/download/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -6992,6 +7188,13 @@ resolve@^1.10.0, resolve@^1.12.0:
     is-core-module "^2.1.0"
     path-parse "^1.0.6"
 
+responselike@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
+  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
+  dependencies:
+    lowercase-keys "^1.0.0"
+
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -7353,6 +7556,18 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
+sort-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
+  integrity sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=
+  dependencies:
+    is-plain-obj "^1.0.0"
+
+sortablejs@1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
+  integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
+
 source-list-map@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/source-list-map/download/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
@@ -7816,6 +8031,11 @@ thunky@^1.0.2:
   resolved "https://registry.npm.taobao.org/thunky/download/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
   integrity sha1-Wrr3FKlAXbBQRzK7zNLO3Z75U30=
 
+timed-out@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
+  integrity sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=
+
 timers-browserify@^2.0.4:
   version "2.0.12"
   resolved "https://registry.npm.taobao.org/timers-browserify/download/timers-browserify-2.0.12.tgz?cache=0&sync_timestamp=1603793837115&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftimers-browserify%2Fdownload%2Ftimers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
@@ -8081,6 +8301,13 @@ url-loader@^2.2.0:
     mime "^2.4.4"
     schema-utils "^2.5.0"
 
+url-parse-lax@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
+  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
+  dependencies:
+    prepend-http "^2.0.0"
+
 url-parse@^1.4.3, url-parse@^1.4.7:
   version "1.4.7"
   resolved "https://registry.npm.taobao.org/url-parse/download/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
@@ -8089,6 +8316,11 @@ url-parse@^1.4.3, url-parse@^1.4.7:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
+url-to-options@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/url-to-options/-/url-to-options-1.0.1.tgz#1505a03a289a48cbd7a434efbaeec5055f5633a9"
+  integrity sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k=
+
 url@^0.11.0:
   version "0.11.0"
   resolved "https://registry.npm.taobao.org/url/download/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
@@ -8191,6 +8423,11 @@ vm-browserify@^1.0.1:
   resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=
 
+vue-cookies@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/vue-cookies/-/vue-cookies-1.7.4.tgz#d241d0a0431da0795837651d10b4d73e7c8d3e8d"
+  integrity sha512-mOS5Btr8V9zvAtkmQ7/TfqJIropOx7etDAgBywPCmHjvfJl2gFbH2XgoMghleLoyyMTi5eaJss0mPN7arMoslA==
+
 vue-eslint-parser@^7.3.0:
   version "7.3.0"
   resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.3.0.tgz?cache=0&sync_timestamp=1608031066427&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-eslint-parser%2Fdownload%2Fvue-eslint-parser-7.3.0.tgz#894085839d99d81296fa081d19643733f23d7559"
@@ -8203,6 +8440,11 @@ vue-eslint-parser@^7.3.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
+vue-functional-data-merge@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/vue-functional-data-merge/-/vue-functional-data-merge-3.1.0.tgz#08a7797583b7f35680587f8a1d51d729aa1dc657"
+  integrity sha512-leT4kdJVQyeZNY1kmnS1xiUlQ9z1B/kdBFCILIjYYQDqZgLqCLa0UhjSSeRX6c3mUe6U5qYeM8LrEqkHJ1B4LA==
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.4"
   resolved "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
@@ -8228,6 +8470,13 @@ vue-loader@^15.9.2:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-resource@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/vue-resource/-/vue-resource-1.5.1.tgz#0f3d685e3254d21800bebd966edcf56c34b3b6e4"
+  integrity sha512-o6V4wNgeqP+9v9b2bPXrr20CGNQPEXjpbUWdZWq9GJhqVeAGcYoeTtn/D4q059ZiyN0DIrDv/ADrQUmlUQcsmg==
+  dependencies:
+    got "^8.0.3"
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
   version "4.1.2"
   resolved "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
@@ -8236,19 +8485,30 @@ vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
+vue-template-compiler@^2.6.12:
+  version "2.6.12"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.12.tgz#947ed7196744c8a5285ebe1233fe960437fcc57e"
+  integrity sha512-OzzZ52zS41YUbkCBfdXShQTe69j1gQDZ9HIX8miuC9C3rBCk9wIRjLiZZLrmX9V+Ftq/YEyv1JaVr5Y/hNtByg==
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.1.0"
+
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
   resolved "https://registry.npm.taobao.org/vue-template-es2015-compiler/download/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=
 
-vue@^3.0.0:
-  version "3.0.5"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.5.tgz?cache=0&sync_timestamp=1609359675074&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.5.tgz#de1b82eba24abfe71e0970fc9b8d4b2babdc3fe1"
-  integrity sha1-3huC66JKv+ceCXD8m41LK6vcP+E=
+vue@^2.6.12:
+  version "2.6.12"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.12.tgz#f5ebd4fa6bd2869403e29a896aed4904456c9123"
+  integrity sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg==
+
+vuedraggable@^2.24.3:
+  version "2.24.3"
+  resolved "https://registry.yarnpkg.com/vuedraggable/-/vuedraggable-2.24.3.tgz#43c93849b746a24ce503e123d5b259c701ba0d19"
+  integrity sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==
   dependencies:
-    "@vue/compiler-dom" "3.0.5"
-    "@vue/runtime-dom" "3.0.5"
-    "@vue/shared" "3.0.5"
+    sortablejs "1.10.2"
 
 watchpack-chokidar2@^2.0.1:
   version "2.0.1"