This Action will Build your Vue Project and deploy it to Github Pages

1. Create the vue.config.js file
2. Add this to your vue.config.js (and rename "YourRepoName" to your repo name)

module.exports = {
    publicPath: '/YourRepoName/'
}

3. Create a Github Actions Workflow file and add this to it (and replace "YourGithubName" and "YourRepoName" with the names)

name: Build Vue
on: [push]
jobs:
  build_vue:
    runs-on: ubuntu-latest
    name: Build Vue
    steps:
    - uses: actions/checkout@v2
    - id: Build-Vue
      uses: xRealNeon/[email protected]
      with:
        username: 'YourGithubName'
        reponame: 'YourRepoName'
        token: ${{ secrets.GITHUB_TOKEN }} # Leave this line unchanged

4. Go to Settings -> Scroll down to GitHub Pages -> Select gh-pages as branch and / as directory