Fix PopoverGroupController

to work with Vue 3
SlovakNationalGallery · Apr 21, 2023 · 9cd0e1c · 9cd0e1c
1 parent 9ec2eee
commit 9cd0e1c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -36,6 +36,7 @@ Vue.component('filter-checkbox', require('./components/filter/Checkbox.vue').def
 Vue.component('filter-custom-select', require('./components/filter/CustomSelect.vue').default);
 Vue.component('filter-new-items-controller', require('./components/catalog-new/ItemsFilterController.vue').default);
 Vue.component('filter-new-popover', require('./components/catalog-new/PopoverFilter.vue').default);
+Vue.component('filter-new-popover.group-controller', require('./components/catalog-new/PopoverGroupController.vue').default);
 Vue.component('filter-new-custom-select-popover-label', require('./components/catalog-new/NewCustomSelectPopoverLabel.vue').default);
 Vue.component('filter-new-options', require('./components/catalog-new/Options.vue').default);
 Vue.component('filter-new-color-slider', require('./components/catalog-new/NewColorSlider.vue').default);
@@ -48,7 +49,6 @@ Vue.component('filter-disclosure-list-button', require('./components/catalog-new
 Vue.component('filter-disclosure-modal', require('./components/catalog-new/DisclosureFilterModal.vue').default);
 Vue.component('filter-disclosure-view', require('./components/catalog-new/DisclosureFilterView.vue').default);
 Vue.component('filter-disclosure-controller', require('./components/catalog-new/DisclosureModalController.vue').default);
-Vue.component('filter-new-popover-group-controller', require('./components/catalog-new/PopoverGroupController.vue').default);
 Vue.component('filter-show-more', require('./components/catalog-new/ShowMore.vue').default);
 Vue.component('catalog.infinite-scroll', require('./components/catalog-new/InfiniteScroll.vue').default);
 Vue.component('catalog.artwork-image-controller', require('./components/catalog-new/ArtworkImageController.vue').default);

diff --git a/resources/js/components/catalog-new/PopoverGroupController.vue b/resources/js/components/catalog-new/PopoverGroupController.vue
@@ -1,3 +1,7 @@
+<template>
+    <slot></slot>
+</template>
+
 <script>
 export default {
     data() {
@@ -23,8 +27,5 @@ export default {
             closeOpenedPopover: this.closeOpenedPopover,
         }
     },
-    render() {
-        return this.$scopedSlots.default({})
-    }
 }
 </script>
diff --git a/resources/views/frontend/catalog-new/index-new.blade.php b/resources/views/frontend/catalog-new/index-new.blade.php
@@ -7,7 +7,7 @@
             <div class="tw-relative">
                 <div class="tw-bg-gray-200 tw-py-6 tw-px-4 md:tw-p-16 md:tw-pb-0">
                     {{-- Desktop filter --}}
-                    <filter-new-popover-group-controller>
+                    <filter-new-popover.group-controller>
                         <div class="tw-hidden tw-gap-x-3 tw-overflow-x-auto md:tw-flex md:tw-flex-wrap">
                             <filter-new-popover name="author">
                                 <template #popover-label>
@@ -81,7 +81,7 @@ class="tw-w-[28rem] tw-border-2 tw-border-gray-800 tw-bg-white tw-p-6 tw-pt-4">
                                 :toggle-is-extended-open="toggleIsExtendedOpen">
                             </filter-show-more>
                         </div>
-                    </filter-new-popover-group-controller>
+                    </filter-new-popover.group-controller>
                     {{-- Mobile Filter --}}
                     <filter-disclosure-controller v-slot="dc">
                         <div class="tw-relative md:tw-hidden">