Revert to Vue CLI to fix GitHub Pages Deployment (#2203)

Revert to Vue CLI to fix GitHub Pages Deployment

Although Vite boasts better performance and is maintained actively,
its usage for GitHub Pages deployment requires specifying the base of the
deployment URL in the config. This makes it inconvenient as all existing
deployment dashboards must update the base respective to their URLs.  

Let's revert to Vue CLI temporarily to fix this.

.gitignore

@@ -19,8 +19,6 @@ node_modules
 /frontend/public/
 !/frontend/public/favicon.ico
 !/frontend/public/index.html
-/frontend/.eslintcache
-/frontend/.stylelintcache
 
 reposense-report/
 docs/_site/

docs/dg/learningBasics.md

@@ -263,7 +263,7 @@ It is necessary for you to learn the basics of Vue.js, Pug, and SCSS before work
 <box type="info" seamless>
 
 Vue.js uses JavaScript as its programming language. Before learning **Vue.js**, you may need to first get yourself familiar with JavaScript syntax first.
-You can refer to the [Javascript documentation](https://devdocs.io/javascript/) to learn the basic syntax. There are plenty of other resources available and please feel free to find the resource most suitable for you. Do note that RepoSense uses ES6 over CommonJS.
+You can refer to the [Javascript documentation](https://devdocs.io/javascript/) to learn the basic syntax. There are plenty of other resources available and please feel free to find the resource most suitable for you.
 </box>
 
 RepoSense uses **Vue.js** (Vue3) in its front-end implementation. In particular, major user interface components, such as [summary view](report.html#summary-view-v-summary-js), [authorship view](report.html#authorship-view-v-authorship-js), and [zoom view](report.html#zoom-view-v-zoom-js), are implemented as Vue components. The corresponding source files are in `frontend/src`.

docs/ug/troubleshooting.md

@@ -40,9 +40,3 @@ Possibly, you may have some file names with [special characters](https://docs.mi
 ### Some file types are not shown in the file type filter even if I have included them in the file formats when generating the report
 
 The files of these types may be [binary files](https://en.wikipedia.org/wiki/Binary_file). *RepoSense* will group binary files under one single file type `binary`. Common binary files include images (`.jpg`, `.png`), applications (`.exe`), zip files (`.zip`, `.rar`) and certain document types (`.docx`, `.pptx`).
-
-<!-- ------------------------------------------------------------------------------------------------------ -->
-
-### RepoSense doesn't work on the browser
-
-RepoSense uses ES6, a version of JavaScript widely supported by [most browsers](https://caniuse.com/?search=es6). Please use RepoSense with a browser that supports ES6.

frontend/.eslintrc.json

@@ -1,8 +1,6 @@
 {
   "env": {
-    "browser": true,
-    "node": true,
-    "es2022": true
+    "browser": true
   },
   "extends": [
     "airbnb-base",

frontend/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset',
+  ],
+};

frontend/cypress/cypress.config.js

@@ -8,7 +8,6 @@ module.exports = defineConfig({
   e2e: {
     setupNodeEvents(on, config) {},
     baseUrl: 'http://localhost:9000',
-    chromeWebSecurity: false,
     specPattern: 'tests/**/*.cy.{js,jsx,ts,tsx}',
     supportFile: 'support.js',
   },