diff --git a/pro/vue/index.html b/pro/vue/index.html
index 10d5a8ab1fea..403f97172dfc 100644
--- a/pro/vue/index.html
+++ b/pro/vue/index.html
@@ -12,9 +12,9 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <title>
-  
+
     Vue Admin Template &middot; CoreUI
-  
+
 </title>
 
 <!-- Twitter -->
@@ -81,7 +81,7 @@
 </a> -->
 <header class="navbar navbar-expand-lg navbar-dark" style="background-color:#41b782">
   <a class="navbar-brand mr-0 mr-md-5" href="/" aria-label="Bootstrap">
-    
+
       <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
@@ -146,7 +146,7 @@
 </g>
 </svg>
 
-    
+
   </a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
@@ -159,11 +159,11 @@
       <li class="nav-item">
         <a class="nav-link" href="/v1/docs">Documentation</a>
       </li>
-      
+
       <li class="nav-item">
         <a class="nav-link" href="#buy">Pricing</a>
       </li>
-      
+
       <li class="nav-item">
         <a class="nav-link" href="/icons/">Icons</a>
       </li>
@@ -192,7 +192,7 @@
       </li>
     </ul>
     <ul class="navbar-nav ml-md-auto">
-      
+
       <li class="nav-item">
         <a class="btn btn-outline-warning" href="http://holeczek.pl" onclick="ga('send', 'event', 'About me', 'Click');">About me</a>
       </li>
@@ -261,10 +261,10 @@ <h3 class="mb-5">You’re in good company. <span class="text-muted">CoreUI power
     </div>
   </div>
   <div class="container pt-5 table-pricing" id="buy">
-    
-    
-    
-    
+
+
+
+
     <div class="text-center mb-5">
       <h3>Licenses and prices</h3>
       <p>Choose an option which suits your needs. Which type of license is the best for me? <a href="license">View license details.</a></p>
@@ -284,9 +284,9 @@ <h3>Licenses and prices</h3>
             <div class="pricing-row versions bg-light">
               <div>Include following versions:</div>
               <ul class="dashed">
-              
+
                 <li><strong>CoreUI Pro Vue.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
               </ul>
             </div>
             <div class="pricing-row p-1">Default and <strong>dark layout</strong></div>
@@ -317,19 +317,19 @@ <h3>Licenses and prices</h3>
             <div class="pricing-row versions bg-light">
               <div>Include following versions:</div>
               <ul class="dashed">
-              
+
                 <li><strong>CoreUI Pro Static</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro AJAX (jQuery)</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro Angular 6</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro AngularJS</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro React.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro Vue.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
               </ul>
             </div>
             <div class="pricing-row p-1">Default and <strong>dark layout</strong></div>
@@ -365,9 +365,9 @@ <h3>Licenses and prices</h3>
             <div class="pricing-row versions bg-light">
               <div>Include following versions:</div>
               <ul class="dashed">
-              
+
                 <li><strong>CoreUI Pro Vue.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
               </ul>
             </div>
             <div class="pricing-row p-1">Default and <strong>dark layout</strong></div>
@@ -397,19 +397,19 @@ <h3>Licenses and prices</h3>
             <div class="pricing-row versions bg-light">
               <div>Include following versions:</div>
               <ul class="dashed">
-              
+
                 <li><strong>CoreUI Pro Static</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro AJAX (jQuery)</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro Angular 6</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro AngularJS</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro React.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro Vue.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
               </ul>
             </div>
             <div class="pricing-row p-1">Default and <strong>dark layout</strong></div>
@@ -445,19 +445,19 @@ <h3>Licenses and prices</h3>
             <div class="pricing-row versions bg-light">
               <div>Include following versions:</div>
               <ul class="dashed">
-              
+
                 <li><strong>CoreUI Pro Static</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro AJAX (jQuery)</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro Angular 6</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro AngularJS</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro React.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
                 <li><strong>CoreUI Pro Vue.js</strong><br/><span class="text-muted d-block"><small>(Full project &amp; Starter)</small></span></li>
-              
+
               </ul>
             </div>
             <div class="pricing-row p-1">Default and <strong>dark layout</strong></div>
@@ -668,244 +668,243 @@ <h2 class="section-heading">50+ ready to use and customizable UI Components.<br/
         <p class="section-subheading">Create data-rich responsive web apps, and speed up development time by up to 50%</p>
       </div>
       <div class="row">
-        
-        
+
+
         <div class="col">
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Components</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/breadcrumb" target="_blank">Breadcrumb</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/cards" target="_blank">Cards</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/carousel" target="_blank">Carousel</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/collapse" target="_blank">Collapse</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/jumbotron" target="_blank">Jumbotron</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/list-group" target="_blank">List group</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/navs" target="_blank">Navs</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/pagination" target="_blank">Pagination</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/popovers" target="_blank">Popovers</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/progress" target="_blank">Progress</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/switches" target="_blank">Switches</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/Tabs" target="_blank">Tabs</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/base/tooltips" target="_blank">Tooltips</a></li>
-            
+
           </ul>
-        
-          
+
+
             </div>
             <div class="col">
-          
+
           <ul class="list-unstyled">
             <li><strong>Buttons</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/standard-buttons" target="_blank">Standard Buttons</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/standard-buttons" target="_blank">Outline Buttons</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/standard-buttons" target="_blank">Pill Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/standard-buttons" target="_blank">Rounded Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/button-group" target="_blank">Buttons Group</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/Dropdowns" target="_blank">Dropdowns</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/loading-buttons" target="_blank">Loading Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/buttons/brand-buttons" target="_blank">Brand Buttons</a></li>
-            
+
           </ul>
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Charts</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#charts" target="_blank">Line Chart</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#charts" target="_blank">Bar Chart</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#charts" target="_blank">Doughnut Chart</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#charts" target="_blank">Radar Chart</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#charts" target="_blank">Pie Chart</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/charts" target="_blank">Polar Area Chart</a></li>
-            
+
           </ul>
-        
-          
+
+
             </div>
             <div class="col">
-          
+
           <ul class="list-unstyled">
             <li><strong>Editors</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/editors/code-editors" target="_blank">Code Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/editors/text-editors" target="_blank">Text Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
+
           </ul>
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Forms</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/basic-forms" target="_blank">Standard Forms</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/basic-forms" target="_blank">Horizontal Forms</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/basic-forms" target="_blank">Inline Forms</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/basic-forms" target="_blank">Input Groups</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/advanced-forms" target="_blank">Masked Inputs</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/advanced-forms" target="_blank">Multiselect</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/forms/advanced-forms" target="_blank">Select</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
+
           </ul>
-        
-          
+
+
             </div>
             <div class="col">
-          
+
           <ul class="list-unstyled">
             <li><strong>Icons</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/icons/flags" target="_blank">Flags</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/icons/font-awesome" target="_blank">Font Awesome</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/icons/simple-line-icons" target="_blank">Simple Line Icons</a></li>
-            
+
           </ul>
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Maps</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/google-maps" target="_blank">Google Maps</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
+
           </ul>
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Notifications</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/notifications/alerts" target="_blank">Alerts</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/notifications/badge" target="_blank">Badge</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/notifications/modals" target="_blank">Modals</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/notifications/toastr" target="_blank">Toast</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
+
           </ul>
-        
-          
+
+
             </div>
             <div class="col">
-          
+
           <ul class="list-unstyled">
             <li><strong>Tables</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/tables/" target="_blank">Standard Tables</a></li>
-            
+
           </ul>
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Widgets</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#widgets" target="_blank">Widgets</a></li>
-            
+
           </ul>
-        
-          
+
+
           <ul class="list-unstyled">
             <li><strong>Extras</strong></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/pages/login" target="_blank">Login Page</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/pages/register" target="_blank">Register Page</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/pages/404" target="_blank">404 Error Page</a></li>
-            
-              
+
+
               <li><a href="/vue/demo/#/pages/500" target="_blank">500 Error Page</a></li>
-            
-              
-              <li><a href="/vue/demo/#/ui-kits/invoicing/invoice" target="_blank">Invocing App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
-              
-              <li><a href="/vue/demo/#/ui-kits/email/inbox" target="_blank">Email App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-            
+
+              <li><a href="/vue/demo/#/apps/invoicing/invoice" target="_blank">Invocing App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+              <li><a href="/vue/demo/#/apps/email/inbox" target="_blank">Email App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
           </ul>
-        
+
         </div>
       </div>
     </div>
@@ -925,7 +924,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
         </tr>
       </thead>
       <tbody>
-        
+
           <tr>
             <td>
               <strong>All Bootstrap 4 Components</strong>
@@ -933,7 +932,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-success">Yes</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Free access to updates</strong>
@@ -941,7 +940,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-success">Yes</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>SCSS Source Files</strong>
@@ -949,12 +948,12 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-success">Yes</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
-        
+
+
         <tr class="table-primary">
           <td colspan="3"><strong>Plugins</strong></td>
         </tr>
-        
+
           <tr>
             <td>
               <strong>Bootstrap-Vue</strong>
@@ -962,7 +961,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-success">Yes</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Chart.js</strong>
@@ -970,7 +969,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-success">Yes</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Chart.js</strong>
@@ -978,8 +977,8 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-success">Yes</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
-        
+
+
           <tr>
             <td>
               <strong>Code Editor</strong>
@@ -987,7 +986,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Markdown Editor</strong>
@@ -995,7 +994,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>SpinKit</strong>
@@ -1003,7 +1002,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Google Maps</strong>
@@ -1011,7 +1010,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Multiselect</strong>
@@ -1019,7 +1018,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Notifications</strong>
@@ -1027,7 +1026,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Quill Text Editor</strong>
@@ -1035,7 +1034,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Select</strong>
@@ -1043,7 +1042,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Vue Text Masks</strong>
@@ -1051,11 +1050,11 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
         <tr class="table-primary">
           <td colspan="3"><strong>UI Kits</strong></td>
         </tr>
-        
+
           <tr>
             <td>
               <strong>Invoicing - Invoice</strong>
@@ -1063,7 +1062,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Email - Inbox</strong>
@@ -1071,7 +1070,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Email - Message</strong>
@@ -1079,7 +1078,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
           <tr>
             <td>
               <strong>Email - Compose</strong>
@@ -1087,7 +1086,7 @@ <h3 class="mb-5 text-center"><span class="text-muted">CoreUI for Vue</span> vs <
             <td class="text-center"><span class="text-danger">No</span></td>
             <td class="text-center"><span class="text-success">Yes</span></td>
           </tr>
-        
+
         <tr class="table-primary">
           <td colspan="3"><strong>Support</strong></td>
         </tr>