Vue SDK requirements and setup

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

   npm install
   npm run build

3. Install the package in your project from the download folder

   npm install "file:<path>/react-hawksearch"

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

   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)

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

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