criando opção para ocultar ícones no breadcrumb e/ou subistituir por um caracter

Author: Gilvan

components/breadcrumb/AppBreadcrumb.vue

@@ -7,7 +7,10 @@
     </li>
     <li v-for="item in items">
       <router-link :to="item.to">
-        <q-icon :name="item.icon"></q-icon>
+        <template v-if="displayIcon.show">
+          <q-icon :name="item.icon"></q-icon>
+        </template>
+        <template v-else="displayIcon.show">{{ displayIcon.caracter }}</template>
         <small class="breadcrumb-label">{{ item.label }}</small>
       </router-link>
       <app-tooltip :disable="!item.tooltip">{{ item.tooltip }}</app-tooltip>
@@ -25,6 +28,13 @@
       icon: {
         type: String,
         default: 'home'
+      },
+      displayIcon: {
+        type: Object,
+        default: () => ({
+          show: true,
+          caracter: ''
+        })
       }
     },
     data: () => ({

components/layout/AppLayout.vue

@@ -50,7 +50,7 @@
 
     <slot name="breadcrumb">
       <div class="breadcrumb-wrapper">
-        <app-breadcrumb v-bind="{icon: home}"></app-breadcrumb>
+        <app-breadcrumb v-bind="{icon: home, displayIcon: displayIcon}"></app-breadcrumb>
       </div>
     </slot>
 
@@ -95,6 +95,13 @@
         type: String,
         default: 'home'
       },
+      displayIcon: {
+        type: Object,
+        default: () => ({
+          show: true,
+          caracter: ''
+        })
+      },
       viewport: {
         type: Object,
         default: () => ({