fix trailing > in Heading

ahmedhamidawan · Apr 30, 2024 · 977092f · 977092f
1 parent 23a0f0d
commit 977092f
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/client/src/components/Common/Heading.vue b/client/src/components/Common/Heading.vue
@@ -2,6 +2,7 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faAngleDoubleDown, faAngleDoubleUp } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { BButton } from "bootstrap-vue";
 import { computed } from "vue";
 
 library.add(faAngleDoubleDown, faAngleDoubleUp);
@@ -54,10 +55,10 @@ const element = computed(() => {
 
 <template>
     <div v-if="props.separator" class="separator heading">
-        <b-button v-if="collapsible" variant="link" size="sm" @click="$emit('click')">
+        <BButton v-if="collapsible" variant="link" size="sm" @click="$emit('click')">
             <FontAwesomeIcon v-if="collapsed" fixed-width :icon="faAngleDoubleDown" />
             <FontAwesomeIcon v-else fixed-width :icon="faAngleDoubleUp" />
-        </b-button>
+        </BButton>
         <div v-else class="stripe"></div>
         <component
             :is="element"
@@ -66,7 +67,7 @@ const element = computed(() => {
                 props.bold ? 'font-weight-bold' : '',
                 collapsible ? 'collapsible' : '',
                 props.truncate ? 'truncate' : '',
-            ]">
+            ]"
             @click="$emit('click')">
             <slot />
         </component>
@@ -83,10 +84,10 @@ const element = computed(() => {
             collapsible ? 'collapsible' : '',
         ]"
         @click="$emit('click')">
-        <b-button v-if="collapsible" variant="link" size="sm">
-            <icon v-if="collapsed" fixed-width icon="angle-double-down" />
-            <icon v-else fixed-width icon="angle-double-up" />
-        </b-button>
+        <BButton v-if="collapsible" variant="link" size="sm">
+            <FontAwesomeIcon v-if="collapsed" fixed-width :icon="faAngleDoubleDown" />
+            <FontAwesomeIcon v-else fixed-width :icon="faAngleDoubleUp" />
+        </BButton>
         <FontAwesomeIcon v-if="props.icon" :icon="props.icon" />
         <slot />
     </component>