build.yml

# This is a workflow to build and deploy a Vue.js app to GitHub Pages

name: Build and Deploy to GitHub Pages

# Controls when the workflow will run
on:
  # Triggers the workflow on push events but only for the "main" branch
  push:
    branches: [ "main" ]
  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
  build-and-deploy:
    # The type of runner that the job will run on
    runs-on: ubuntu-latest

    # Steps represent a sequence of tasks that will be executed as part of the job
    steps:
      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
      - name: Checkout Repository
        uses: actions/checkout@v3

      # Setup Node.js environment
      - name: Setup Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '20' # Set this to the Node.js version you use

      # Install dependencies
      - name: Install Dependencies
        run: npm install

      # Build the Vue app
      - name: Build
        run: npm run build

      # Deploy to GitHub Pages using the new action
      - name: Deploy GitHub Pages site
        uses: actions/deploy-pages@v4.0.5
        with:
          token: ${{ github.token }}
          timeout: 600000
          error_count: 10
          reporting_interval: 5000
          artifact_name: github-pages # Name of the artifact produced by a previous step; adjust if necessary
          preview: false