Skip to content

Commit

Permalink
Update packages/vue/README.md
Browse files Browse the repository at this point in the history
Co-authored-by: Daine Trinidad <[email protected]>
  • Loading branch information
ethanWallace and daine authored May 14, 2024
1 parent 66f7788 commit caa665b
Showing 1 changed file with 9 additions and 2 deletions.
11 changes: 9 additions & 2 deletions packages/vue/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,14 +20,21 @@ npm install @cdssnc/gcds-components-vue

In your `main.js` file, import the GC Design System components plugin and use it:

``` jsx
```jsx
import { GcdsComponents } from '@cdssnc/gcds-components-vue';

createApp(App).use(GcdsComponents).mount('#app');
```

In your `App.vue`, place the following to load the global styles:
Add the global styles to your app. There are multiple ways to achieve this.

You can import it in your `main.js` file next to your `style.css`:
```js
import '@cdssnc/gcds-components-vue/gcds.css';
import './style.css';
```

or in your `App.vue` using the html style tag
``` html
<style src='@cdssnc/gcds-components-vue/gcds.css'>
/* global styles */
Expand Down

0 comments on commit caa665b

Please sign in to comment.