Skip to content

Edit project page routing

Description

This slightly modifies the set up of VisualizationView.vue and ChartGrid.vue to make key variables either ref() reactive variables or computed variables, so that watched changes to route.params.projectRoute in turn update the page content, without requiring page reload.

Changes Made

Set up projectRoute as ref() and currentView, projectPage and projectBlurbText as computed variables: image

In ChartGrid.vue set up filteredChartContent to be computed property.

How to Test

Pull changes locally and run npm run dev

Related Issues

NA

Additional Notes

NA

Merge Request Checklists

  • Ensure that code changes adhere to best practices documented in README.md
  • Clean the code the way Vue likes it - run npm run lint --fix
  • Document which browsers the site has been tested on:
    • Desktop/laptop
      • Chrome
      • Safari
      • Edge
      • Firefox
    • Mobile device
      • Chrome
      • Safari
      • Edge
      • Firefox

Merge request reports

Loading