Quick Start

package.json (check for compatible or for the latest versions)

"dependencies":

• yarn add "ssh://git@gitlab.com/netigo-gmbh/projects/james-search.com/james-search.com-ui-component.git#^x.x"
• yarn add @googlemaps/markerclusterer#^2.5
• yarn add @popperjs/core#^2.11 (for tooltip)
• yarn add bootstrap#^5.3
• yarn add friendly-challenge#^0.9
• yarn add lottie-web#^5.12
• yarn add @rive-app/canvas#^2.10
• yarn add swiper#^10.3

---

vuejs

• yarn add vue#^3.3
• yarn add --dev vue-loader#^17.3
• yarn add --dev vue-template-compiler#^2.7

webpack.config.js

In the entry section add the following required entries:

• 'theme': './src/js/theme.js',
• 'minimalistic': './src/js/minimalistic.js',
• 'animations': './src/js/entry/animations.js',
• 'bs-example': './src/js/entry/bs-example.js',
• 'bs-tooltip': './src/js/entry/bs-tooltip.js',
• 'form-ajax': './src/js/entry/form-ajax.js',
• 'form-check-required': './src/js/entry/form-check-required.js',
• 'friendly-captcha': './src/js/entry/friendly-captcha.js',
• 'gdpr-facade': './src/js/entry/gdpr-facade.js',
• 'google-maps': './src/js/entry/google-maps.js',
• 'hello-world': './src/js/entry/hello-world',
• 'james-search': './src/js/entry/james-search.js',
• 'james-search-results': './src/js/entry/james-search-results.js',
• 'search-results': './src/js/entry/search-results.js',
• 'lottie': './src/js/entry/lottie.js',
• 'rive': './src/js/entry/rive.js',
• 'sidebar': './src/js/entry/sidebar.js',
• 'swiper': './src/js/entry/swiper.js',
• 'vue': './src/js/entry/vue.js'

---

Additionally for vuejs import via const { VueLoaderPlugin } = require('vue-loader'); and add the plugin in plugins (config.plugins) section:

• new VueLoaderPlugin()

---

Run yarn dev && yarn prod.

composer.json (check for compatible or for the latest versions)

• composer require --dev "james-search.com/james-search.com-ui-component:^x.x"