diff --git a/src/routes/get-started/developers/DevelopersSetup.tsx b/src/routes/get-started/developers/DevelopersSetup.tsx index ab2dd495a..0dd79df42 100644 --- a/src/routes/get-started/developers/DevelopersSetup.tsx +++ b/src/routes/get-started/developers/DevelopersSetup.tsx @@ -20,18 +20,16 @@ export default function DevelopersSetupPage() {

1. Add Dependencies

2. Link ionicons in app/index.html Add the following in the head element

@@ -42,7 +40,6 @@ export default function DevelopersSetupPage() {

3. Update src/app/app.module.ts as per the four steps below

4. Add the styles link in the src/styles.css file @@ -86,10 +82,9 @@ export default function DevelopersSetupPage() {

1. Add Dependencies

@@ -97,7 +92,6 @@ export default function DevelopersSetupPage() {

2. Link ionicons in app/index.html Add the following to the head element

@@ -108,20 +102,18 @@ export default function DevelopersSetupPage() {

3. Import the web-component styles in the src/index.css file

-

Vue web components

+

Web components

This library contains react components from the Government of Alberta.

1. Add Dependencies

@@ -129,7 +121,6 @@ export default function DevelopersSetupPage() {

2. Link ionicons in index.html Add the following in the head element

@@ -137,39 +128,19 @@ export default function DevelopersSetupPage() { `} /> -

3. Update vite.config.js with the following:

+

3. Import the web-components into src/main.js:

tag.includes('goa-') - } - } - })], - `} - /> - -

4. Import the web-components into src/main.js:

-

- 5. Add the styles link in the src/assets/main.css file or wherever your main css file is + 4. Add the styles link in the src/assets/main.css file or wherever your main css file is located:

@@ -211,8 +182,9 @@ export default function DevelopersSetupPage() { npm run build
  • - npm run start-- if using Angular, npm run dev --if using - react + npm run start # Angular +
    + npm run dev # React