A simple app demonstrating how to import and use Ripple 2 components, in a standalone Vue 3 app.

1. Access to Github Packages repos

Ripple 2 is hosted publicly on Github Packages (ghcr), so a few steps need to be followed to co-exist with the npm ecosystem.

First, create a Personal Access Token from Github:

1. Visit https://github.com/settings/tokens and select Generate new token > Generate new token (classic)

2. Fill in the Note and choose an Expiration - the 30 day default is generally fine, you'll receive a reminder to regenerate the token just before expiry

3. Set the scope to only allow read:packages, and Generate token

4. Store the resulting token somewhere secure, and add to .npmrc:

@dpc-sdp:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=<github personal access token>

2. Local dev

1. npm i
2. npm run dev