Merge pull request #18 from IBM/chore-lastest-cv

chore: latest carbon vue components

package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "@carbon/icons-vue": "^10.83.1",
     "@carbon/themes": "^10.55.3",
-    "@carbon/vue": "^3.0.13",
+    "@carbon/vue": "^3.0.14",
     "carbon-components": "^10.58.12",
     "i18next": "^23.8.2",
     "i18next-http-backend": "^2.4.3",

src/views/BuildABugView.vue

@@ -33,10 +33,6 @@
             :additional-info="t('choose-middle')"
             @step-clicked="onStepClicked"
           >
-            <template #step-icon>
-              <middle-complete v-if="middleIndex > -1" />
-              <middle-incomplete v-else />
-            </template>
           </cv-progress-step>
           <cv-progress-step
             id="bug-bottom"
@@ -123,12 +119,10 @@ import {
   OpenPanelFilledBottom32 as BottomComplete,
   OpenPanelTop32 as TopIncomplete,
   OpenPanelFilledTop32 as TopComplete,
-  CircleDash32 as MiddleIncomplete,
-  CircleSolid32 as MiddleComplete,
   Reset32 as Reset,
 } from "@carbon/icons-vue";
 
-const { t } = useTranslation();
+const { /** @type function(string) */ t } = useTranslation();
 
 const bugParts = [
   new URL("@/assets/build-a-bug/fly.png", import.meta.url).href,

src/views/FishView.vue

@@ -2,9 +2,10 @@
   <cv-grid>
     <cv-row>
       <cv-column>
-        <cv-toggle-skeleton v-if="loading" />
+        <CvToggle-Skeleton v-if="loading" />
         <cv-toggle
           v-model="showCatchPhrases"
+          value="catch-pharse"
           :label="t('catch-phrases')"
           class="mb-2"
         >