Update to 1.0.5

Vue_Full_Project/CHANGELOG.md

@@ -1,5 +1,12 @@
 ## [vue](./README.md) version `changelog`
 
+###### `v1.0.5`
+- fix: use `<b-form-radio-group>` instead of `<b-form-radio>`  **[breaking change](https://bootstrap-vue.js.org/docs/components/form-radios)** :fire:
+
+###### `v1.0.4`
+- refactor: import Bootstrap 4 SCSS files from node_modules
+- fix: callouts styles
+
 ###### `v1.0.3`
 - update: Bootstrap version to `4.0.0-beta.2`
 - update: vue-chartjs to `3.0.0` **[breaking change](https://github.com/apertureless/vue-chartjs/releases/tag/v3.0.0)** :fire:

Vue_Full_Project/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",

Vue_Full_Project/scss/core/_layout.scss

@@ -338,17 +338,16 @@ app-root {
     }
   }
 
-  .sidebar,
+  .sidebar {
-  .sidebar-fixed .sidebar {
     position: fixed;
     z-index: $zindex-sticky - 1;
     width: $mobile-sidebar-width;
-    // height: 100%;
+    height: calc(100vh - #{$navbar-height});
     margin-left: - $mobile-sidebar-width;
 
     .sidebar-nav,
     .nav {
-      width: $mobile-sidebar-width !important;
+      width: $mobile-sidebar-width;
       min-height: calc(100vh - #{$navbar-height});
     }
 

Vue_Full_Project/scss/style.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - Open Source Bootstrap Admin Template
- * @version v1.0.4
+ * @version v1.0.5
  * @link http://coreui.io
  * Copyright (c) 2017 creativeLabs Łukasz Holeczek
  * @license MIT

Vue_Full_Project/src/views/Dashboard.vue

@@ -497,7 +497,7 @@
             </div><!--/.col-->
           </div><!--/.row-->
           <br/>
-          <b-table class="table-outline table-responsive-sm b-0" hover
+          <b-table class="table-outline table-responsive-sm mb-0" hover
             :items="tableItems"
             :fields="tableFields"
             head-variant="light"

Vue_Full_Project/src/views/components/Forms.vue

@@ -205,7 +205,7 @@
             label="Radios"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :plain="true"
               :options="[
                 {text: 'Option 1 ',value: '1'},
@@ -213,45 +213,49 @@
                 {text: 'Option 3 ',value: '3'}
               ]"
               value="1"
-              stacked></b-form-radio>
+              stacked>
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Radios - custom"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :options="[
                 {text: 'Option 1',value: '1'},
                 {text: 'Option 2',value: '2'},
                 {text: 'Option 3',value: '3'}
               ]"
               value="1"
-              stacked></b-form-radio>
+              stacked>
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Inline radios"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :plain="true"
               :options="[
                 {text: 'Option 1 ',value: '1'},
                 {text: 'Option 2 ',value: '2'},
                 {text: 'Option 3 ',value: '3'}
               ]"
-              value="1"></b-form-radio>
+              value="1">
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Inline radios - custom"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :options="[
                 {text: 'Option 1',value: '1'},
                 {text: 'Option 2',value: '2'},
                 {text: 'Option 3',value: '3'}
               ]"
-              value="1"></b-form-radio>
+              value="1">
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Checkboxes"
@@ -460,11 +464,11 @@
           </div>
           <div class="card-body">
             <div class="form-group">
-              <label class="form-col-form-label" for="inputSuccess1">Input with success</label>
+              <label class="col-form-label" for="inputSuccess1">Input with success</label>
               <input type="text" class="form-control is-valid" id="inputSuccess1">
             </div>
             <div class="form-group">
-              <label class="form-col-form-label" for="inputError1">Input with error</label>
+              <label class="col-form-label" for="inputError1">Input with error</label>
               <input type="text" class="form-control is-invalid" id="inputError1">
               <div class="invalid-feedback">
                 Please provide a valid informations.

Vue_Starter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Open Source Bootstrap Admin Template",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",

Vue_Starter/scss/core/_layout.scss

@@ -338,17 +338,16 @@ app-root {
     }
   }
 
-  .sidebar,
+  .sidebar {
-  .sidebar-fixed .sidebar {
     position: fixed;
     z-index: $zindex-sticky - 1;
     width: $mobile-sidebar-width;
-    // height: 100%;
+    height: calc(100vh - #{$navbar-height});
     margin-left: - $mobile-sidebar-width;
 
     .sidebar-nav,
     .nav {
-      width: $mobile-sidebar-width !important;
+      width: $mobile-sidebar-width;
       min-height: calc(100vh - #{$navbar-height});
     }
 

Vue_Starter/scss/style.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - Open Source Bootstrap Admin Template
- * @version v1.0.4
+ * @version v1.0.5
  * @link http://coreui.io
  * Copyright (c) 2017 creativeLabs Łukasz Holeczek
  * @license MIT

Vue_Starter/src/views/Dashboard.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="animated fadeIn">
-    <p class="text-info">Hello World</p>
+    Hello World
   </div>
 </template>
 

Vue_Starter/test/unit/specs/Hello.spec.js

@@ -1,11 +1,11 @@
 import Vue from 'vue'
-import Dashboard from '@/views/Dashboard'
+import Hello from '@/components/Hello'
 
-describe('Dashboard.vue', () => {
+describe('Hello.vue', () => {
   it('should render correct contents', () => {
-    const Constructor = Vue.extend(Dashboard)
+    const Constructor = Vue.extend(Hello)
     const vm = new Constructor().$mount()
-    expect(vm.$el.querySelector('.text-info').textContent)
+    expect(vm.$el.querySelector('.hello h1').textContent)
-      .to.equal('Hello World')
+      .to.equal('Welcome to Your Vue.js App')
   })
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Open Source Vue Admin Template",
   "main": "",
   "homepage": "http://coreui.io/vue/",