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