From af92b1e5bae2e4f1c760b45409da6958ffcc8ee8 Mon Sep 17 00:00:00 2001
From: xidedix <xidedix@users.noreply.github.com>
Date: Thu, 10 May 2018 16:43:16 +0200
Subject: [PATCH] refactor(Aside): b-tab title with icon issue

---
 Vue_Full_Project/src/components/Aside.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/Vue_Full_Project/src/components/Aside.vue b/Vue_Full_Project/src/components/Aside.vue
index e602759e..f0264ada 100644
--- a/Vue_Full_Project/src/components/Aside.vue
+++ b/Vue_Full_Project/src/components/Aside.vue
@@ -1,7 +1,10 @@
 <template>
   <aside class="aside-menu">
     <b-tabs>
-      <b-tab title="<i class='icon-list'></i>">
+      <b-tab>
+        <template slot="title">
+          <i class='icon-list'></i>
+        </template>
         <Callout class="m-0 py-2 text-muted text-center bg-light text-uppercase">
           <small><b>Today</b></small>
         </Callout>
@@ -87,7 +90,10 @@
         </Callout>
         <hr class="mx-3 my-0">
       </b-tab>
-      <b-tab title="<i class='icon-speech'></i>">
+      <b-tab>
+        <template slot="title">
+          <i class='icon-speech'></i>
+        </template>
         <div class="p-3">
           <div class="message">
             <div class="py-3 pb-5 mr-3 float-left">
@@ -165,7 +171,10 @@
           </div>
         </div>
       </b-tab>
-      <b-tab title="<i class='icon-settings'></i>">
+      <b-tab>
+        <template slot="title">
+          <i class='icon-settings'></i>
+        </template>
         <div class="p-3">
           <h6>Settings</h6>
           <div class="aside-options">