pleroma-fe

commit: b3ed29ff02fa3db46a1ec7b5856f2c9131b8fa33
parent 26bfbdc2add0c116c66b10e82f0814d180cc98c9
Author: Henry Jameson <me@hjkos.com>
Date:   Fri, 18 Mar 2022 13:32:36 +0200

made withLoadMore work... sorta

Diffstat:
M
src/boot/after_store.js
4
+++-
M
src/boot/routes.js
2
+-
M
src/components/gallery/gallery.js
4
++--
M
src/components/tab_switcher/tab_switcher.jsx
6
+++---
M
src/hocs/with_load_more/with_load_more.jsx
11
++++-------

5 files changed, 13 insertions(+), 14 deletions(-)
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
@@ -17,7 +17,9 @@ import FaviconService from '../services/favicon_service/favicon_service.js'
 
 // disable compat for certain features
 configureCompat({
-  COMPONENT_V_MODEL: false
+  COMPONENT_V_MODEL: false,
+  INSTANCE_SET: false,
+  RENDER_FUNCTION: false
 })
 
 let staticInitialResults = null
diff --git a/src/boot/routes.js b/src/boot/routes.js
@@ -69,7 +69,7 @@ export default (store) => {
     { name: 'search', path: '/search', component: Search, props: (route) => ({ query: route.query.query }) },
     { name: 'who-to-follow', path: '/who-to-follow', component: WhoToFollow, beforeEnter: validateAuthenticatedRoute },
     { name: 'about', path: '/about', component: About },
-    { name: 'user-profile', path: '/(users/)?:name', component: UserProfile }
+    { name: 'user-profile', path: '/:_(users)?/:name', component: UserProfile }
   ]
 
   if (store.state.instance.pleromaChatMessagesAvailable) {
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
@@ -1,5 +1,5 @@
 import Attachment from '../attachment/attachment.vue'
-import { sumBy } from 'lodash'
+import { sumBy, set } from 'lodash'
 
 const Gallery = {
   props: [
@@ -85,7 +85,7 @@ const Gallery = {
   },
   methods: {
     onNaturalSizeLoad ({ id, width, height }) {
-      this.$set(this.sizes, id, { width, height })
+      set(this.sizes, id, { width, height })
     },
     rowStyle (row) {
       if (row.audio) {
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
@@ -43,14 +43,14 @@ export default {
   },
   data () {
     return {
-      active: findFirstUsable(this.$slots.default)
+      active: findFirstUsable(this.$slots.default())
     }
   },
   computed: {
     activeIndex () {
       // In case of controlled component
       if (this.activeTab) {
-        return this.$slots.default.findIndex(slot => this.activeTab === slot.key)
+        return this.$slots.default().findIndex(slot => this.activeTab === slot.key)
       } else {
         return this.active
       }
@@ -74,7 +74,7 @@ export default {
     },
     // DO NOT put it to computed, it doesn't work (caching?)
     slots () {
-      return this.$slots.default
+      return this.$slots.default()
     },
     setTab (index) {
       if (typeof this.onSwitch === 'function') {
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
@@ -82,14 +82,11 @@ const withLoadMore = ({
     },
     render () {
       const props = {
-        props: {
-          ...this.$props,
-          [childPropName]: this.entries
-        },
-        on: this.$listeners,
-        scopedSlots: this.$scopedSlots
+        ...this.$props,
+        [childPropName]: this.entries
+        // on: this.$listeners // TODO fix listeners
       }
-      const children = Object.entries(this.$slots).map(([key, value]) => h('template', { slot: key }, value))
+      const children = this.$slots
       return (
         <div class="with-load-more">
           <WrappedComponent {...props}>