Frontend Prep and Updates

[davidshq]

Upgrade Dependencies

• Vue is upgraded from 2.6.14 to 2.7.14 which integrates the Vue Composition API directly into Vue.
• Vue Router, Vue Template Compiler, Vuetify Loader also see updates.
• Vue Composition API as a standalone dependency is removed.
• An overrides setting is added to the package.json so that using TypeScript 5.x doesn't cost npm i to fail.
  • There is a known bug in npm which prevents overrides from working correctly with existing node_modules and package-lock.json files, if running into issues remove these and retry.
• Update code in existing composition components to work with 2.7.x.
• Update tsconfig.json so latest Volar tools work optimally with Vue code.

ControlPanel.vue

• Refactored to utilize composition instead of options API.

TypeScript

• A number of smaller changes made throughout that fix issues caught by upgraded TS, ESLint, etc.

Vuex

• Remove remaining dependencies on direct-vuex.

Other

• Fixes to Vue shim
• Reorder types, add additional

[davidshq]

Re: cross-browser testing

I agree it would be better if we ran the tests cross-browser - but it does take around 3x as long as running through a single test. This isn't a big deal in the CI but it starts to get onerous when doing local dev. That said, there may be a way to configure it so that it runs single browser on local and cross-browser for CI.

This is the first project I'm using Playwright on, so it's likely I don't know all the ins-and-outs and this situation seems like a common scenario.

[annehaley]

Disabling the pyppeteer tests and running a playwright test for one browser is acceptable for now. Could you make this change and make an issue to address the browser testing migration in the future?

[annehaley]

@davidshq Do you mind if I merge this? I'd like to propagate it to the main repo.

[davidshq]

Go for it!

On Fri, Apr 21, 2023 at 12:08 PM Anne Haley @.***> wrote:

@davidshq https://github.com/davidshq Do you mind if I merge this? I'd like to propagate it to the main repo.

— Reply to this email directly, view it on GitHub https://github.com/knowledgevis/miqa-annotate/pull/10#issuecomment-1518047212, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB5DQLTSYINV2XZJMFVWV5DXCKWI3ANCNFSM6AAAAAAWVWYB2I . You are receiving this because you were mentioned.Message ID: @.***>