fix: vue 3 app compat (#322)

* fix: make recomponents compatible with @vue/compat mode
Rebilly · Jun 10, 2022 · 170d23b · 170d23b
1 parent 2915151
commit 170d23b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/recomponents/src/components/r-pagination/r-pagination.vue b/packages/recomponents/src/components/r-pagination/r-pagination.vue
@@ -8,13 +8,11 @@
 </template>
 
 <script>
-    import Vue from 'vue';
     import PaginationControl from '../r-pagination-control/r-pagination-control.vue';
 
-    Vue.component('r-pagination-control', PaginationControl);
-
     export default {
         name: 'r-pagination',
+        components: {'r-pagination-control': PaginationControl},
         props: {
             /**
              * Wrapper for async pagination data provider

diff --git a/packages/recomponents/src/index.js b/packages/recomponents/src/index.js
@@ -28,7 +28,13 @@ function install(Vue, options = {}) {
         ErrorHandler,
         allowClose: allowToastCloseButton,
     });
-    Vue.component('v-date-picker', vDatePicker);
+
+    try {
+        Vue.component('v-date-picker', vDatePicker);
+    } catch (error) {
+        // Ignore errors when using Recomponents from @vue/compat mode
+    }
+
     Vue.component('no-ssr', NoSSR);
 
     /**