Versions Compared

Old Version 3

changes.mady.by.user gabriel.georgiev (Deactivated)

Saved on

compared with

New Version 4

changes.mady.by.user gabriel.georgiev (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Prerequisite

Info

  • Node.js version 11.0.0 or higher

  • NPM version 6.0.0 or higher

Steps for setup

  1. Install the package in your project using the command shell

    Code Block
    npm install git+https://github.com/hawksearch/vue-hawksearch.git#latest

  2. Create a directory in your assets folder to include all Vue.js resources (e.g. assets/js/vue).

  3. Create an index.js at a root level and add it as an entry file in webpack.config.js

    Code Block
    module.exports = {
    entry: {
        main: [
            './assets/src/js/vue/index.js'
            ...
        ]
    },
    ...
}

  4. Create widgets folder in react resource directory (e.g. assets/js/vue/widgets) Creating widgets with Vue SDK

  5. Add all widget references in index.js (if there aren’t any created, add these later)

    Code Block
    import "./widgets/search-box";
import "./widgets/search-results";

  6. Build the JS resources accordingly (e.g. npm run build)