LIL-706

apps/user/templates/user/edit_gallery.html

@@ -1,8 +1,15 @@
+{% extends "templates/lilcity/index.html" %}
 
 {% block pre_app_js %}
-window.LIL_STORE.components['block-images'] = '../components/BlockImages';
+<script>
+  window.LIL_STORE.components['block-images'] = '../components/BlockImages.vue';
+  window.LIL_STORE._user_gallery_images = [{% for img in user.gallery.gallery_images.all %}{
+    image_thumbnail_url: '{{ img.image_thumbnail_url }}',
+    image_id: {{ img.id }},
+  },{% endfor %}];
+</script>
 {% endblock pre_app_js %}
 
 {% block content %}
-
+<block-images :images="$root.store._user_gallery_images" :access-token="$root.store.accessToken"/>
 {% endblock %}

web/src/js/app.js

@@ -46,12 +46,15 @@ const components = {
 
 Object.assign(components, window.LIL_STORE.components);
 
+const promises = [];
+
+
+(async () => {
   for(let k in components){
       if(typeof components[k] === 'string'){
           components[k] = await import(components[k]);
       }
   }
-
   const app = new Vue({
     el: '#lilcity-vue-app',
     data() {
@@ -71,3 +74,5 @@ const app = new Vue({
     },
     components: components
   });
+})();
+