DPL-890-2 Replace webpack with Vite to ensure maintainability and security and enable us to upgrade to Vue 3

[Sangeetha-Bheeman]

Describe the Housekeeping
As developers we need to upgrade Quanthub to Vue 3 as Vue 2 is out of support in December 2023. As part of this upgrade we need to remove webpack and replace it with Vite.

Who are the primary contacts for this story
Steve, Sangeetha

Who is the nominated tester for UAT
PSD

Acceptance criteria
To be considered successful the solution must allow.

• Remove webpack and replace it with Vite
• The application to continue to work as expected with no loss of service for users

[Sangeetha-Bheeman]

Tasks:

• Remove webpack(Vue CLI - @vue/cli) dependencies from package.json

• Remove vue-template-compiler from package.json
• Remove babel dependencies from package.json

• Remove babel.config.js
• Remove babel from .eslintrc file
  • add.es2022: true to the node env
  • Update eslint and eslint vue plugin

    
• Install vite and vite-plugin-vue2
• Add vite.config.js and make necessary changes
• Move index.html from public to project root
  • Remove any template syntax like <%= BASE_URL %> and replace with absolute path
  • Include the javascript files like main.js
• Update vue-cli-service scripts in package.json to vite specific commands
• Update environment variables
  • Change process.env to use meta.env
  • Change variables with VUE_APP_ prefix to use VITE_
• Ensure all imports of single file components end with the .vue extension
• Testing:
  • Pass all the unit tests and e2e tests
  • Run the application and upload a quantfile and check if the qc dat is successfully exported to Sequencescape.
  • Check printing works
  • Pass CI and build release without errors