Quick Start

packages (check for compatible versions)

• yarn add ssh://git@gitlab.com:netigo-gmbh/projects/james-search.com/component.git
• yarn add @googlemaps/markerclusterer
• yarn add @popperjs/core (for tooltip)
• yarn add bootstrap
• yarn add friendly-challenge
• yarn add lottie-web
• yarn add swiper

---

vuejs

• yarn add vue
• yarn add --dev vue-loader
• yarn add --dev vue-template-compiler

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

"dependencies":

• "james-search.com.component": "git+ssh://git@gitlab.com:netigo-gmbh/projects/james-search.com/component.git#2.0.0",
• "@googlemaps/markerclusterer": "^2.0.10",
• "@popperjs/core": "^2.11.2", (for tooltip)
• "bootstrap": "^5.2.0",
• "friendly-challenge": "^0.9.9",
• "lottie-web": "^5.5.10",
• "swiper": "^8.0.6",
• "vue": "^3.2.37"

---

"devDependencies":

vuejs

• "vue-loader": "^17.0.0",
• "vue-template-compiler": "^2.7.8"

---

Run yarn install.

webpack.config.js

• .addEntry('animations', './src/js/entry/animations.js')
• .addEntry('bs-example', './src/js/entry/bs-example.js')
• .addEntry('bs-tooltip', './src/js/entry/bs-tooltip.js')
• .addEntry('form-ajax', './src/js/entry/form-ajax.js')
• .addEntry('form-check-required', './src/js/entry/form-check-required.js')
• .addEntry('friendly-captcha', './src/js/entry/friendly-captcha.js')
• .addEntry('gdpr-facade', './src/js/entry/gdpr-facade.js')
• .addEntry('google-maps', './src/js/entry/google-maps.js')
• .addEntry('hello-world', './src/js/entry/hello-world.js')
• .addEntry('james-search', './src/js/entry/james-search.js')
• .addEntry('lottie', './src/js/entry/lottie.js')
• .addEntry('sidebar', './src/js/entry/sidebar.js')
• .addEntry('swiper', './src/js/entry/swiper.js')

---

vuejs

.addEntry('vue', './src/js/entry/vue.js')
.enableVueLoader(() => {}, { runtimeCompilerBuild: false })
.addPlugin(new webpack.DefinePlugin({
  __VUE_OPTIONS_API__: false,
  __VUE_PROD_DEVTOOLS__: false
}))

---

Run yarn dev && yarn prod.