OLS #

Setup #

Create Project Log #

npm init vue@latest

✔ Project name: … ols-vue
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit Testing? … No / Yes
✔ Add an End-to-End Testing Solution? › Cypress
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

git init

Create new repo at team source.

git remote add origin https://github.com/OLS-Team/ols-vue.git
git branch -M main

Pushed/Published via source control in VSCode.

Add Storybook #

npx storybook init
npx storybook@next upgrade --prerelease

Add Wave UI #

yarn add wave-ui

Add Supabase Docker Local #

( Docs )

# Get the code
git clone --depth 1 https://github.com/supabase/supabase

# Go to the docker folder
cd supabase/docker

# Copy the fake env vars
cp .env.example .env

# Start
docker-compose up

Now visit http://localhost:3000 to start using Supabase Studio. --- OR --- Set up second project online as Supabase allows 2 free.

Install Supabase JS #

Details on seperate Doc

NOTES:

• Running on a desktop allows Cypress to use local browsers.