Use Vue to render the hydrograph graph-brush

Before making a pull request

• Put the appropriate EXEMPT flag if needed in the MR title (see https://practices.wma.chs.usgs.gov/practice/peer_code_review/)
• Run all linters (make lint)
• Run all tests (make test)
• Update the changelog appropriately
• If making a release, update code.json, versionNumber and metadataLastUpdated.

Description

Using Vue to render the graph-brush component in the hydrograph. The code uses watchEffect rather than using the "link" command that we are using to tie changes in the Redux store to implement rendering code that is more complex than just updating an attribute. The code also uses computed values to determine the value of attributes such as viewBox and transform in the svgs.

The D3 rendering code that draws and manages the brush was pretty much copied from monitoring-location/component/hydgrograph/graph-brush.js. The changes really related to creating markup and rendering the component when the appropriate data in Redux is updated.

After making a pull request

• If appropriate, put the link to the PR in the JIRA ticket
• Assign someone to review unless the change is trivial