Merge pull request #2244 from appbaseio/fix/ssr-issue-vue-slider

fix: ssr usage issue

Author: mohdashraf010897

packages/vue/src/components/range/DynamicRangeSlider.jsx

@@ -1,8 +1,10 @@
 import VueTypes from 'vue-types';
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import VueSlider from 'vue-slider-component';
-import 'vue-slider-component/theme/antd.css';
+// eslint-disable-next-line import/extensions
+import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min.js'
+import 'vue-slider-component/dist-css/vue-slider-component.css'
+import 'vue-slider-component/theme/default.css'
 import Container from '../../styles/Container';
 import PreferencesConsumer from '../basic/PreferencesConsumer.jsx';
 import NoSSR from '../basic/NoSSR.jsx';

packages/vue/src/components/range/RangeSlider.jsx

@@ -1,8 +1,10 @@
 import VueTypes from 'vue-types';
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import VueSlider from 'vue-slider-component';
-import 'vue-slider-component/theme/antd.css';
+// eslint-disable-next-line import/extensions
+import VueSlider from 'vue-slider-component/dist-css/vue-slider-component.umd.min.js'
+import 'vue-slider-component/dist-css/vue-slider-component.css'
+import 'vue-slider-component/theme/default.css'
 import Container from '../../styles/Container';
 import { connect, updateCustomQuery, isQueryIdentical } from '../../utils/index';
 import ComponentWrapper from '../basic/ComponentWrapper.jsx';