Versions Compared

Old Version 2

changes.mady.by.user gabriel.georgiev

Saved on

compared with

New Version 3

changes.mady.by.user gabriel.georgiev

Saved on

Key

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

Steps for setup

  1. Download the latest version of the package from the master branch of https://tfs.americaneagle.com/Hawksearch/vue-hawksearch/_git/vue-hawksearch

  2. Open a terminal (e.g. Git Bash) in vue-hawksearch folder and build the package

    Code Block
    npm install
npm run build

  3. Install the package in your project from using the download foldercommand shell

    Code Block
    npm install "file:<path>/react-hawksearch"git+https://github.com/hawksearch/vue-hawksearch.git#latest

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

  5. 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'
            ...
        ]
    },
    ...
}

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

  7. 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";

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