Update website (#214)

* Migrate to Vue.js

* Reduce dependencies

* Update CI workflow file name and adjust button padding in MainLayout

* Adjust font sizes for improved readability across various components

* Minor style change

* Add documentation link to navigation menu

* Remove documentation link from navigation menu

* Refactor code structure for improved readability and maintainability

Author: mewim

.github/workflows/svelte.yml renamed to .github/workflows/vuejs.yml

@@ -1,4 +1,4 @@
-name: Deploy Svelte to GitHub Pages
+name: Deploy Vue.js to GitHub Pages
 
 on:
   push:
@@ -30,12 +30,10 @@ jobs:
           node-version: "20"
       - name: Install dependencies
         run: npm i
-      - name: Update Latest Version
-        run: node scripts/UpdateLatestVersion.cjs
       - name: Setup Pages
         id: pages
         uses: actions/configure-pages@v5
-      - name: Build with Svelte
+      - name: Build with Vue.js
         run: npm run build
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

README.md

@@ -4,16 +4,16 @@ This repository hosts the source code for [Kuzu website](https://kuzudb.github.i
 
 ## Test Locally
 
-This website is built using [Svelte](https://svelte.dev). To test the website locally, you need to have Node.js installed on your machine. You can install Node.js from [here](https://nodejs.org/en/download/).
+To test the website locally, you need to have Node.js installed on your machine. You can install Node.js from [here](https://nodejs.org/en/download/).
 
 After installing Node.js, you can clone this repository and run the following commands to test the website locally:
 
 ```bash
 npm install
-npm run dev
+npm run serve
 ```
 
-This will start a development server on `localhost:5173`. You can open this URL in your browser to view the website.
+This will start a development server on `localhost:8080`. You can open this URL in your browser to view the website.
 
 ## Build
 
@@ -31,7 +31,7 @@ python3 -m http.server
 ```
 
 ## Continuous Integration
-This repository uses GitHub Actions for continuous integration. The workflow is defined in the `.github/workflows/svelte.yml` file. When a pull request is opened, the workflow will run and build the website. If the build is successful, the artifacts will be uploaded as a zip file to the pull request. The artifacts can be downloaded and tested locally.
+This repository uses GitHub Actions for continuous integration. The workflow is defined in the `.github/workflows/vuejs.yml` file. When a pull request is opened, the workflow will run and build the website. If the build is successful, the artifacts will be uploaded as a zip file to the pull request. The artifacts can be downloaded and tested locally.
 
 When a pull request is merged, the workflow will run again to build the website and deploy it to the GitHub Pages automatically.
 

components.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}

jsconfig.json

@@ -0,0 +1,3 @@
+{
+  "watch": ["src/server"]
+}