added <slot> tag in appropriate palces to html data to pass easily

raj kamal · raj kamal · commit 61f8ec1120f3 · 2016-03-26T19:20:16.000+05:30
diff --git a/src/Aside.vue b/src/Aside.vue
@@ -11,7 +11,11 @@
       <div class="aside-content">
         <div class="aside-header">
           <button type="button" class="close" @click='close'><span>&times;</span></button>
-          <h4 class="aside-title">{{header}}</h4>
+          <h4 class="aside-title">   
+          <slot name="header"> 
+            {{ header }}
+          </slot>
+          </h4>
         </div>
         <div class="aside-body">
           <slot></slot>
diff --git a/src/Modal.vue b/src/Modal.vue
@@ -12,7 +12,7 @@
         <slot name="modal-header">
           <div class="modal-header">
             <button type="button" class="close" @click="close"><span>&times;</span></button>
-            <h4 class="modal-title" >{{title}}</h4>
+            <h4 class="modal-title" > <slot name="title"{{title}}></slot></h4>
           </div>
         </slot>
         <slot name="modal-body">
diff --git a/src/Panel.vue b/src/Panel.vue
@@ -4,7 +4,9 @@
       <h4 class="panel-title">
         <a class="accordion-toggle"
           @click="toggleIsOpen()">
-           {{ header }}
+          <slot name="header"> 
+            {{ header }}
+          </slot>
         </a>
       </h4>
     </div>
diff --git a/src/Popover.vue b/src/Popover.vue
@@ -14,9 +14,9 @@
     v-show="show"
     :transition="effect">
       <div class="arrow"></div>
-      <h3 class="popover-title" v-show="title">{{title}}</h3>
+      <h3 class="popover-title" v-show="title"> <slot name="title">{{title}} </slot> </h3>
       <div class="popover-content">
-        {{{content}}}
+       <slot name="content"> {{{content}}} </slot> 
       </div>
   </div>
 </template>
diff --git a/src/Tabset.vue b/src/Tabset.vue
@@ -11,12 +11,16 @@
                 @click.prevent="handleTabListClick($index, r)"
                 :disabled="r.disabled"
             >
-                <a href="#">{{{r.header}}}</a>
+                <a href="#">  
+                    <slot name="header"> 
+                      {{{r.header}}}
+                  </slot> 
+                </a>
             </li>
      </ul>
 
      <!-- Tab panes -->
-     <div class="tab-content" v-el:tabContent>
+     <div class="tab-content" v-el:tab-content>
         <slot></slot>
      </div>
   </div>
diff --git a/src/Tooltip.vue b/src/Tooltip.vue
@@ -16,8 +16,10 @@
     role="tooltip">
     <div class="tooltip-arrow"></div>
     <div class="tooltip-inner">
-      {{{content}}}
-    </div>
+       <slot name="content">
+        {{{content}}}
+      </slot> 
+   </div>
   </div>
 </template>
 
