Merge pull request #34 from TranslatorSRI/replace-vite-with-astro

While Vue3/Vite is good for single-page apps, it really doesn't support multipage apps like we want for Babel Validation, and switching to a completely new system will take a prohibitively large period of time. Luckily, there is a solution: [Astro](https://astro.build/) is a static page generator that allows Vue applications to be embedded in it. So -- with a lot of work -- we can modify the multipage Vue app into a multi-page Astro site containing multiple Vue components embedded in it. Our eventual goal is (probably) to transition to whatever Astro's native framework is, but in the short run this should be good enough.

.github/workflows/deploy-website-to-gh-pages.yaml

@@ -1,4 +1,4 @@
-name: Publish Vue app in Website to GitHub Pages
+name: Publish Astro site in `website` to GitHub Pages
 on:
   release:
     types: [released]
@@ -18,6 +18,11 @@ jobs:
           npm ci
           npm run build
 
+      - name: Create a `.nojekyll` file.
+        run: |
+          touch website/dist/.nojekyll
+
+
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4
         with:

website-vue3-vite/.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

website-vue3-vite/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

website-vue3-vite/README.md

@@ -0,0 +1,48 @@
+# website
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+npm run test:unit
+```
+
+### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
+
+```sh
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```