feat: Add/create @cdssnc/gcds-components-vue package (#516)

* feat: Add/create @cdssnc/gcds-components-vue package

* Add example to readme

* Add French section to readme

* Update @cdssnc/gcds-components version

* Update packages/vue/README.md

Co-authored-by: Daine Trinidad <daine.trinidad@cds-snc.ca>

* Solve build error

* Update readmes and release-please

* fix: small typo in vue readme

---------

Co-authored-by: Daine Trinidad <daine.trinidad@cds-snc.ca>

.github/workflows/compile-and-publish.yml

@@ -106,6 +106,11 @@ jobs:
           - name: "@cdssnc/gcds-components-angular"
             package: "./packages/angular"
             dist: "./packages/angular/dist"
+
+          - name: "@cdssnc/gcds-components-vue"
+            package: "./packages/vue"
+            dist: "./packages/vue"
+
     steps:
       - name: Git Checkout
         uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5

.gitignore

@@ -47,4 +47,5 @@ UserInterfaceState.xcuserstate
 
 # Duplicate global css file
 packages/react/gcds.css
-packages/ssr/gcds.css
+packages/vue/gcds.css
+packages/ssr/gcds.css

.release-please-manifest.json

@@ -1,5 +1,6 @@
 {
   "packages/angular": "0.21.0",
   "packages/react": "0.21.0",
+  "packages/vue": "0.21.0",
   "packages/web": "0.21.0"
 }

README.md

@@ -39,9 +39,10 @@ In the root directory, run `npm run build`. All three packages will be compiled.
 
 | Package                   | Description                                                                         | Docs             |
 | ------------------------- | ----------------------------------------------------------------------------------- | ---------------- |
-| [`@cdssnc/gcds-components`](packages/web/)           | GC Design System Components | [Docs](packages/web/README.md) |
-| [`@cdssnc/gcds-components-react`](packages/react/)           | GC Design System Components – React | [Docs](packages/react/README.md) |
-| [`@cdssnc/gcds-components-angular`](packages/angular/)           | GC Design System Components – Angular  | [Docs](packages/angular/README.md) |
+| [@cdssnc/gcds-components](packages/web/)           | GC Design System Components | [Docs](packages/web/README.md) |
+| [@cdssnc/gcds-components-react](packages/react/)           | GC Design System Components – React | [Docs](packages/react/README.md) |
+| [@cdssnc/gcds-components-angular](packages/angular/)           | GC Design System Components – Angular  | [Docs](packages/angular/README.md) |
+| [@cdssnc/gcds-components-vue](packages/vue/)           | GC Design System Components – Vue  | [Docs](packages/vue/README.md) |
 
 ## How to contribute
 
@@ -96,9 +97,10 @@ Dans le répertoire racine, exécutez `npm run build`. Les trois paquets seront
 
 | Paquet                   | Description                                                                         | Docs             |
 | ------------------------- | ----------------------------------------------------------------------------------- | ---------------- |
-| [`@cdssnc/gcds-components`](packages/web/)           | Composants de Système de design GC | [Docs](packages/web/README.md) |
-| [`@cdssnc/gcds-components-react`](packages/react/)           | Composants de Système de design GC — React | [Docs](packages/react/README.md) |
-| [`@cdssnc/gcds-components-angular`](packages/angular/)           | Composants de Système de design GC — Angular  | [Docs](packages/angular/README.md) |
+| [@cdssnc/gcds-components](packages/web/)           | Composants de Système de design GC | [Docs](packages/web/README.md) |
+| [@cdssnc/gcds-components-react](packages/react/)           | Composants de Système de design GC — React | [Docs](packages/react/README.md) |
+| [@cdssnc/gcds-components-angular](packages/angular/)           | Composants de Système de design GC — Angular  | [Docs](packages/angular/README.md) |
+| [@cdssnc/gcds-components-vue](packages/vue/)           | Composants de Système de design GC — Vue  | [Docs](packages/vue/README.md) |
 
 ## Apportez votre contribution
 

package.json

@@ -50,7 +50,8 @@
   "workspaces": [
     "packages/web",
     "packages/angular",
-    "packages/react"
+    "packages/react",
+    "packages/vue"
   ],
   "license": "MIT"
 }