Fix icon positioning

Add VueTabs to window (backwards compatibility)

Author: cristijora

dev/main.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import App from './App.vue'
 import VueTabs from './../src/index'
-import './../themes/paper.scss'
+import './../themes/vue-tabs.scss'
 import './themify-icons.css'
 const First = {template: '<div>First</div>'}
 const Second = {template: '<div>Second</div>'}

dist/vue-tabs.common.js

@@ -134,7 +134,7 @@ var VueTabs = {
             var simpleTitle = h(
                 'span',
                 { 'class': 'title title_' + position, style: active ? titleStyles : {} },
-                [title]
+                [position === 'center' && this.renderIcon(index), ' ', title]
             );
 
             if (tab.$slots.title) return tab.$slots.title;
@@ -195,7 +195,7 @@ var VueTabs = {
 
                             style: active ? _this.activeTabStyle : {},
                             'class': { 'active_tab': active } },
-                        [_this.renderIcon(index), _this.textPosition === 'center' && _this.renderTabTitle(index, _this.textPosition)]
+                        [_this.textPosition === 'center' && _this.renderTabTitle(index, _this.textPosition)]
                     ), _this.textPosition === 'bottom' && _this.renderTabTitle(index, _this.textPosition)]
                 );
             });
@@ -318,6 +318,7 @@ var VueTabsPlugin = {
 // Automatic installation if Vue has been added to the global scope.
 if (typeof window !== 'undefined' && window.Vue) {
   window.Vue.use(VueTabsPlugin);
+  window.VueTabs = VueTabsPlugin;
 }
 
 exports['default'] = VueTabsPlugin;

dist/vue-tabs.js

@@ -136,7 +136,7 @@ var VueTabs = {
             var simpleTitle = h(
                 'span',
                 { 'class': 'title title_' + position, style: active ? titleStyles : {} },
-                [title]
+                [position === 'center' && this.renderIcon(index), ' ', title]
             );
 
             if (tab.$slots.title) return tab.$slots.title;
@@ -197,7 +197,7 @@ var VueTabs = {
 
                             style: active ? _this.activeTabStyle : {},
                             'class': { 'active_tab': active } },
-                        [_this.renderIcon(index), _this.textPosition === 'center' && _this.renderTabTitle(index, _this.textPosition)]
+                        [_this.textPosition === 'center' && _this.renderTabTitle(index, _this.textPosition)]
                     ), _this.textPosition === 'bottom' && _this.renderTabTitle(index, _this.textPosition)]
                 );
             });
@@ -320,6 +320,7 @@ var VueTabsPlugin = {
 // Automatic installation if Vue has been added to the global scope.
 if (typeof window !== 'undefined' && window.Vue) {
   window.Vue.use(VueTabsPlugin);
+  window.VueTabs = VueTabsPlugin;
 }
 
 exports['default'] = VueTabsPlugin;