Deploy Vuepress

Beginner here. I've tried checking resources online but still doesn't work for me. I added the vuepress-deploy.yml but it's either 404 not found or the deploy fails.

vuepress-deploy.yml
`name: Build and Deploy
on: [push]
jobs:
build-and-deploy:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@master

- name: vuepress-deploy
uses: jenkey2011/vuepress-deploy@master
env:
ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
TARGET_REPO: username/repo
TARGET_BRANCH: master
BUILD_SCRIPT: yarn && yarn build
BUILD_DIR: blog/.vuepress/dist/`

package.json
`{
"name": "rax-documentation",
"version": "0.0.1",
"description": "Technical Documentation Support Activity",
"main": "index.js",
"authors": {
"name": "Darel Rivas",
"email": "heyyoudarel@gmail.com"
},
"repository": "https://github.com/HEYYOUDAREL/rax.git/rax-documentation",
"scripts": {
"dev": "vuepress dev src",
"build": "vuepress build src",
"docs:build": "vuepress build docs"
},
"license": "MIT",
"devDependencies": {
"@vuepress/plugin-search": "^1.9.10",
"vuepress": "^1.5.3"
},
"dependencies": {
"vuepress-plugin-social-share": "^1.3.0",
"vuepress-theme-default-prefers-color-scheme": "^2.0.0"
}
}
`

I also tried but build and docs:build are both not working. Could that be the problem?

Or does it have to do with the structure?

rax-documentation/
├── docs/
│ ├── .github
│ ├── workflow
│ ├── vuepress-deploy.yml
│ ├── src
│ ├── .vuepress
│ ├── contact
│ ├── guide
│ ├── index.md
│ ├── node_modules
│ ├── .gitignore
│ ├── package
│ ├── package-lock
└───── yarn.lock