Trofin.me

Project setup

npm install

Compiles and hot-reloads for development

• Run with the vercel serverless api

npm run serve_api

• Run just the vueJS front-end

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Configure the app

Customize configuration

See the Vuejs CLI Configuration Reference.

Debugger config

Just use regular old Launch Chrome configuration

Prettier setting for vue files.

// settings.json
"[vue]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

Env variables

CLIENT_ID=
CLIENT_SECRET=
REFRESH_TOKEN=
[email protected]
RECEIVER_EMAIL=
REDIRECT_URL=https://developers.google.com/oauthplayground
VITE_APP_CONTACT_TOKEN=

• Set up Vercel production env variables here
• Notes about VueJS and env variables

Contact form

• App page ([email protected])
• Get refresh token here => Settings => Use your own OAuth credentials
• Add refresh token to .env file for dev.
• Add refresh token to secret. Link secret to prod env
• If you ever have an Error: unauthorized_client when sending email, make sure that you've added the oauth clientid oauth client secret in the playground's settings

Vercel docs:

• See limits here
• Vercel CLI reference
• Notes about Vercel and env variables

Font-awesome:

• If you need to use font-aweme you'll have to use these package versions

"@fortawesome/fontawesome-svg-core": "^1.2.32"
"@fortawesome/vue-fontawesome": "^3.0.0-3"

• Follow the config from here
• How to use in code:

<fa icon="user-secret" />
<fa :icon="['fab', 'twitter']" :class="fa-3x" />

Add meta tags

• Check out main.js and meta_tag.js files

Git lfs

Vercel does not work with git lfs. Git lfs Removed.

// Check tracked files
git lfs ls-files

// Fetch all images
git lfs fetch --all
git lfs pull

// Push all images
git lfs push --all