update: vuejs-templates/webpack to 1.3.1

Vue_Full_Project/src/views/Widgets.vue

@@ -390,7 +390,7 @@
           </div>
           <div class="h4 mb-0">972</div>
           <small class="text-muted text-uppercase font-weight-bold">Comments</small>
-          <b-progress height={} class="progress-xs mt-3 mb-0"variant="info" :value="25"/>
+          <b-progress height={} class="progress-xs mt-3 mb-0" variant="info" :value="25"/>
         </b-card>
       </b-col>
     </b-row><!--/.row-->

Vue_Full_Project/src/views/base/Breadcrumbs.vue

@@ -21,22 +21,21 @@
 </template>
 
 <script>
-  export default {
-    name: 'breadcrumbs',
-    data () {
-      return {
-        items: [{
-          text: 'Admin',
-          href: '#'
-        }, {
-          text: 'Manage',
-          href: '#'
-        }, {
-          text: 'Library',
-          active: true
-        }]
-      }
+export default {
+  name: 'breadcrumbs',
+  data () {
+    return {
+      items: [{
+        text: 'Admin',
+        href: '#'
+      }, {
+        text: 'Manage',
+        href: '#'
+      }, {
+        text: 'Library',
+        active: true
+      }]
     }
   }
+}
 </script>
-

Vue_Full_Project/src/views/base/Carousels.vue

@@ -73,22 +73,21 @@
 </template>
 
 <script>
-  export default {
-    name: 'carousels',
-    data () {
-      return {
-        slide: 0,
-        sliding: null
-      }
+export default {
+  name: 'carousels',
+  data () {
+    return {
+      slide: 0,
+      sliding: null
+    }
+  },
+  methods: {
+    onSlideStart (slide) {
+      this.sliding = true
     },
-    methods: {
-      onSlideStart (slide) {
-        this.sliding = true
-      },
-      onSlideEnd (slide) {
-        this.sliding = false
-      }
+    onSlideEnd (slide) {
+      this.sliding = false
     }
   }
+}
 </script>
-

Vue_Full_Project/src/views/base/Collapses.vue

@@ -3,9 +3,7 @@
     <div class="animated fadeIn">
       <b-row>
         <b-col cols="12" md="6">
-          <b-card
-            header-tag="header"
-            footer-tag="footer">
+          <b-card header-tag="header" footer-tag="footer">
             <div slot="header">
               <i class="fa fa-align-justify"></i> <strong>Bootstrap Collapse</strong>
               <div class="card-actions">
@@ -31,7 +29,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with<code>v-b-toggle</code>directive</small>
+              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-b-toggle</code> directive</small>
             </div>
             <div>
               <!-- Using modifiers -->
@@ -56,7 +54,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with<code>visibility</code></small>
+              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>visibility</code></small>
             </div>
             <div>
               <b-btn v-b-toggle.collapse3 class="m-1">Toggle Collapse</b-btn>
@@ -73,7 +71,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with<code>v-model</code></small>
+              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-model</code></small>
             </div>
             <div>
               <b-btn @click="showCollapse = !showCollapse"
@@ -122,7 +120,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i> <strong>Collapse</strong><small><code>accordion</code>support</small>
+              <i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small><code>accordion</code> support</small>
             </div>
             <div role="tablist">
               <b-card no-body class="mb-1">
@@ -174,12 +172,12 @@
 </template>
 
 <script>
-  export default {
-    name: 'collapses',
-    data () {
-      return {
-        showCollapse: true,
-        text: `
+export default {
+  name: 'collapses',
+  data () {
+    return {
+      showCollapse: true,
+      text: `
         Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
         richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
         brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
@@ -189,7 +187,7 @@
         vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
         synth nesciunt you probably haven't heard of them accusamus labore VHS.
       `
-      }
     }
   }
+}
 </script>

Vue_Full_Project/src/views/base/Forms.vue

@@ -117,6 +117,12 @@
             :horizontal="true">
             <b-form-input id="basicText" type="text" placeholder="Text"></b-form-input>
           </b-form-group>
+          <b-form-group
+            label="Date" label-for="date"
+            :label-cols="3"
+            :horizontal="true">
+            <b-form-input type="date" id="date"></b-form-input>
+          </b-form-group>
           <b-form-group
             description="Please enter your email"
             label="Email Input"

Vue_Full_Project/src/views/base/Jumbotrons.vue

@@ -74,9 +74,9 @@
 </template>
 
 <script>
-  export default {
-    name: 'jumbotrons'
-  }
+export default {
+  name: 'jumbotrons'
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/base/ListGroups.vue

@@ -245,9 +245,9 @@
 </template>
 
 <script>
-  export default {
-    name: 'list-groups'
-  }
+export default {
+  name: 'list-groups'
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/base/Navbars.vue

@@ -157,9 +157,9 @@
 </template>
 
 <script>
-  export default {
-    name: 'navbars'
-  }
+export default {
+  name: 'navbars'
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/base/Navs.vue

@@ -120,9 +120,9 @@
 </template>
 
 <script>
-  export default {
-    name: 'navs'
-  }
+export default {
+  name: 'navs'
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/base/Paginations.vue

@@ -87,19 +87,19 @@
 </template>
 
 <script>
-  export default {
-    name: 'paginations',
-    data () {
-      return {
-        currentPage: 3
-      }
-    },
-    methods: {
-      linkGen (pageNum) {
-        return '#page/' + pageNum + '/foobar'
-      }
+export default {
+  name: 'paginations',
+  data () {
+    return {
+      currentPage: 3
+    }
+  },
+  methods: {
+    linkGen (pageNum) {
+      return '#page/' + pageNum + '/foobar'
     }
   }
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/base/Popovers.vue

@@ -148,7 +148,7 @@
         header-tag="header"
         footer-tag="footer">
         <div slot="header">
-          <i class="fa fa-align-justify"></i> <strong>Popover</strong><small><code>v-b-popover</code>directive</small>
+          <i class="fa fa-align-justify"></i> <strong>Popover</strong> <small><code>v-b-popover</code> directive</small>
         </div>
         <b-row>
           <b-col md="3" class="py-3 text-center">
@@ -178,33 +178,32 @@
 </template>
 
 <script>
-  export default {
-    name: 'popovers',
-    data () {
-      return {
-        placements: [
-          'topright', 'top', 'topleft',
-          'bottomright', 'bottom', 'bottomleft',
-          'righttop', 'right', 'lefttop',
-          'rightbottom', 'left', 'leftbottom'
-        ],
-        show: false
-      }
+export default {
+  name: 'popovers',
+  data () {
+    return {
+      placements: [
+        'topright', 'top', 'topleft',
+        'bottomright', 'bottom', 'bottomleft',
+        'righttop', 'right', 'lefttop',
+        'rightbottom', 'left', 'leftbottom'
+      ],
+      show: false
+    }
+  },
+  methods: {
+    onOpen () {
+      this.$refs.popover1.$emit('open')
     },
-    methods: {
-      onOpen () {
-        this.$refs.popover1.$emit('open')
-      },
-      onClose () {
-        this.$refs.popover1.$emit('close')
-      },
-      onEnable () {
-        this.$refs.popover2.$emit('enable')
-      },
-      onDisable () {
-        this.$refs.popover2.$emit('disable')
-      }
+    onClose () {
+      this.$refs.popover1.$emit('close')
+    },
+    onEnable () {
+      this.$refs.popover2.$emit('enable')
+    },
+    onDisable () {
+      this.$refs.popover2.$emit('disable')
     }
   }
+}
 </script>
-

Vue_Full_Project/src/views/base/ProgressBars.vue

@@ -78,7 +78,7 @@
           <i class="fa fa-align-justify"></i> <strong>Progress</strong> <small>variants</small>
         </div>
         <div>
-          <div v-for="bar in bars" class="row mb-1">
+          <div :key="index" v-for="(bar, index) in bars" class="row mb-1">
             <div class="col-sm-2">{{ bar.variant }}:</div>
             <div class="col-sm-10 pt-1">
               <b-progress :value="bar.value"
@@ -133,12 +133,12 @@
             <b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
             <b-progress-bar variant="info" :value="values[2]"></b-progress-bar>
           </b-progress>
-          <b-progress show-progress :max="max3" class="mb-3"></b-progress-bar>
+          <b-progress show-progress :max="max3" class="mb-3">
             <b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
             <b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
             <b-progress-bar variant="info" :value="values[2]"></b-progress-bar>
           </b-progress>
-          <b-progress show-value striped :max="max3" class="mb-3"></b-progress-bar>
+          <b-progress show-value striped :max="max3" class="mb-3">
             <b-progress-bar variant="primary" :value="values[0]"></b-progress-bar>
             <b-progress-bar variant="success" :value="values[1]"></b-progress-bar>
             <b-progress-bar variant="info" :value="values[2]"></b-progress-bar>
@@ -155,50 +155,50 @@
 </template>
 
 <script>
-  export default {
-    name: 'progress-bars',
-    data () {
-      return {
-        counter: 45,
-        max: 100,
-        max2: 50,
-        value: 33.333333333,
-        value3: 75,
-        bars: [
-          {variant: 'success', value: 75},
-          {variant: 'info', value: 75},
-          {variant: 'warning', value: 75},
-          {variant: 'danger', value: 75},
-          {variant: 'primary', value: 75},
-          {variant: 'secondary', value: 75},
-          {variant: 'dark', value: 75}
-        ],
-        timer: null,
-        striped: true,
-        animate: true,
-        max3: 100,
-        values: [ 15, 30, 20 ]
-      }
-    },
-    methods: {
-      clicked () {
-        this.counter = Math.random() * this.max
-        console.log('Change progress to ' +
-          Math.round(this.counter * 100) / 100)
-      }
-    },
-    mounted () {
-      this.timer = setInterval(() => {
-        this.bars.forEach(bar => {
-          bar.value = 25 + (Math.random() * 75)
-        })
-      }, 2000)
-    },
-    beforeDestroy () {
-      clearInterval(this.timer)
-      this.timer = null
+export default {
+  name: 'progress-bars',
+  data () {
+    return {
+      counter: 45,
+      max: 100,
+      max2: 50,
+      value: 33.333333333,
+      value3: 75,
+      bars: [
+        {variant: 'success', value: 75},
+        {variant: 'info', value: 75},
+        {variant: 'warning', value: 75},
+        {variant: 'danger', value: 75},
+        {variant: 'primary', value: 75},
+        {variant: 'secondary', value: 75},
+        {variant: 'dark', value: 75}
+      ],
+      timer: null,
+      striped: true,
+      animate: true,
+      max3: 100,
+      values: [ 15, 30, 20 ]
     }
+  },
+  methods: {
+    clicked () {
+      this.counter = Math.random() * this.max
+      console.log('Change progress to ' +
+          Math.round(this.counter * 100) / 100)
+    }
+  },
+  mounted () {
+    this.timer = setInterval(() => {
+      this.bars.forEach(bar => {
+        bar.value = 25 + (Math.random() * 75)
+      })
+    }, 2000)
+  },
+  beforeDestroy () {
+    clearInterval(this.timer)
+    this.timer = null
   }
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/base/Switches.vue

@@ -308,32 +308,32 @@
 </template>
 
 <script>
-  import cSwitch from '../../components/Switch'
+import cSwitch from '../../components/Switch'
 
-  export default {
-    name: 'switches',
-    components: {
-      cSwitch
-    },
-    computed: {
-      icon (icon) {
-        return icon
-      }
-    },
-    data: () => {
-      return {
-        fields: [
-          {key: 'size'},
-          {key: 'example'},
-          {key: 'css_class', label: 'CSS Class'}
-        ],
-        items: [
-          {size: 'Large', example: {type: '3d', variant: 'primary', size: 'lg', checked: true}, css_class: 'Add following code <code>size="lg"</code>'},
-          {size: 'Normal', example: {type: '3d', variant: 'primary', size: '', checked: true}, css_class: '-'},
-          {size: 'Small', example: {type: '3d', variant: 'primary', size: 'sm', checked: true}, css_class: 'Add following code <code>size="sm"</code>'},
-          {size: 'Extra small', example: {type: '3d', variant: 'primary', size: 'xs', checked: true}, css_class: 'Add following code <code>size="xs"</code>'}
-        ]
-      }
+export default {
+  name: 'switches',
+  components: {
+    cSwitch
+  },
+  computed: {
+    icon (icon) {
+      return icon
+    }
+  },
+  data: () => {
+    return {
+      fields: [
+        {key: 'size'},
+        {key: 'example'},
+        {key: 'css_class', label: 'CSS Class'}
+      ],
+      items: [
+        {size: 'Large', example: {type: '3d', variant: 'primary', size: 'lg', checked: true}, css_class: 'Add following code <code>size="lg"</code>'},
+        {size: 'Normal', example: {type: '3d', variant: 'primary', size: '', checked: true}, css_class: '-'},
+        {size: 'Small', example: {type: '3d', variant: 'primary', size: 'sm', checked: true}, css_class: 'Add following code <code>size="sm"</code>'},
+        {size: 'Extra small', example: {type: '3d', variant: 'primary', size: 'xs', checked: true}, css_class: 'Add following code <code>size="xs"</code>'}
+      ]
     }
   }
+}
 </script>

Vue_Full_Project/src/views/base/Table.vue

@@ -12,98 +12,98 @@
 </template>
 
 <script>
-  /**
+/**
    * Randomize array element order in-place.
    * Using Durstenfeld shuffle algorithm.
    */
-  const shuffleArray = (array) => {
-    for (let i = array.length - 1; i > 0; i--) {
-      let j = Math.floor(Math.random() * (i + 1))
-      let temp = array[i]
-      array[i] = array[j]
-      array[j] = temp
-    }
-    return array
+const shuffleArray = (array) => {
+  for (let i = array.length - 1; i > 0; i--) {
+    let j = Math.floor(Math.random() * (i + 1))
+    let temp = array[i]
+    array[i] = array[j]
+    array[j] = temp
   }
+  return array
+}
 
-  export default {
-    name: 'c-table',
-    props: {
-      caption: {
-        type: String,
-        default: 'Table'
-      },
-      hover: {
-        type: Boolean,
-        default: false
-      },
-      striped: {
-        type: Boolean,
-        default: false
-      },
-      bordered: {
-        type: Boolean,
-        default: false
-      },
-      small: {
-        type: Boolean,
-        default: false
-      },
-      fixed: {
-        type: Boolean,
-        default: false
-      }
+export default {
+  name: 'c-table',
+  props: {
+    caption: {
+      type: String,
+      default: 'Table'
     },
-    data: () => {
-      return {
-        items: shuffleArray([
-          {username: 'Samppa Nori', registered: '2012/01/01', role: 'Member', status: 'Active'},
-          {username: 'Estavan Lykos', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
-          {username: 'Chetan Mohamed', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
-          {username: 'Derick Maximinus', registered: '2012/03/01', role: 'Member', status: 'Pending'},
-          {username: 'Friderik Dávid', registered: '2012/01/21', role: 'Staff', status: 'Active'},
-          {username: 'Yiorgos Avraamu', registered: '2012/01/01', role: 'Member', status: 'Active'},
-          {username: 'Avram Tarasios', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
-          {username: 'Quintin Ed', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
-          {username: 'Enéas Kwadwo', registered: '2012/03/01', role: 'Member', status: 'Pending'},
-          {username: 'Agapetus Tadeáš', registered: '2012/01/21', role: 'Staff', status: 'Active'},
-          {username: 'Carwyn Fachtna', registered: '2012/01/01', role: 'Member', status: 'Active'},
-          {username: 'Nehemiah Tatius', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
-          {username: 'Ebbe Gemariah', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
-          {username: 'Eustorgios Amulius', registered: '2012/03/01', role: 'Member', status: 'Pending'},
-          {username: 'Leopold Gáspár', registered: '2012/01/21', role: 'Staff', status: 'Active'},
-          {username: 'Pompeius René', registered: '2012/01/01', role: 'Member', status: 'Active'},
-          {username: 'Paĉjo Jadon', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
-          {username: 'Micheal Mercurius', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
-          {username: 'Ganesha Dubhghall', registered: '2012/03/01', role: 'Member', status: 'Pending'},
-          {username: 'Hiroto Šimun', registered: '2012/01/21', role: 'Staff', status: 'Active'},
-          {username: 'Vishnu Serghei', registered: '2012/01/01', role: 'Member', status: 'Active'},
-          {username: 'Zbyněk Phoibos', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
-          {username: 'Einar Randall', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
-          {username: 'Félix Troels', registered: '2012/03/21', role: 'Staff', status: 'Active'},
-          {username: 'Aulus Agmundr', registered: '2012/01/01', role: 'Member', status: 'Pending'}
-        ]),
-        fields: [
-          {key: 'username'},
-          {key: 'registered'},
-          {key: 'role'},
-          {key: 'status'}
-        ],
-        currentPage: 1,
-        perPage: 5,
-        totalRows: 0
-      }
+    hover: {
+      type: Boolean,
+      default: false
     },
-    methods: {
-      getBadge (status) {
-        return status === 'Active' ? 'success'
-          : status === 'Inactive' ? 'secondary'
-            : status === 'Pending' ? 'warning'
-              : status === 'Banned' ? 'danger' : 'primary'
-      },
-      getRowCount (items) {
-        return items.length
-      }
+    striped: {
+      type: Boolean,
+      default: false
+    },
+    bordered: {
+      type: Boolean,
+      default: false
+    },
+    small: {
+      type: Boolean,
+      default: false
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: () => {
+    return {
+      items: shuffleArray([
+        {username: 'Samppa Nori', registered: '2012/01/01', role: 'Member', status: 'Active'},
+        {username: 'Estavan Lykos', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
+        {username: 'Chetan Mohamed', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
+        {username: 'Derick Maximinus', registered: '2012/03/01', role: 'Member', status: 'Pending'},
+        {username: 'Friderik Dávid', registered: '2012/01/21', role: 'Staff', status: 'Active'},
+        {username: 'Yiorgos Avraamu', registered: '2012/01/01', role: 'Member', status: 'Active'},
+        {username: 'Avram Tarasios', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
+        {username: 'Quintin Ed', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
+        {username: 'Enéas Kwadwo', registered: '2012/03/01', role: 'Member', status: 'Pending'},
+        {username: 'Agapetus Tadeáš', registered: '2012/01/21', role: 'Staff', status: 'Active'},
+        {username: 'Carwyn Fachtna', registered: '2012/01/01', role: 'Member', status: 'Active'},
+        {username: 'Nehemiah Tatius', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
+        {username: 'Ebbe Gemariah', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
+        {username: 'Eustorgios Amulius', registered: '2012/03/01', role: 'Member', status: 'Pending'},
+        {username: 'Leopold Gáspár', registered: '2012/01/21', role: 'Staff', status: 'Active'},
+        {username: 'Pompeius René', registered: '2012/01/01', role: 'Member', status: 'Active'},
+        {username: 'Paĉjo Jadon', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
+        {username: 'Micheal Mercurius', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
+        {username: 'Ganesha Dubhghall', registered: '2012/03/01', role: 'Member', status: 'Pending'},
+        {username: 'Hiroto Šimun', registered: '2012/01/21', role: 'Staff', status: 'Active'},
+        {username: 'Vishnu Serghei', registered: '2012/01/01', role: 'Member', status: 'Active'},
+        {username: 'Zbyněk Phoibos', registered: '2012/02/01', role: 'Staff', status: 'Banned'},
+        {username: 'Einar Randall', registered: '2012/02/01', role: 'Admin', status: 'Inactive'},
+        {username: 'Félix Troels', registered: '2012/03/21', role: 'Staff', status: 'Active'},
+        {username: 'Aulus Agmundr', registered: '2012/01/01', role: 'Member', status: 'Pending'}
+      ]),
+      fields: [
+        {key: 'username'},
+        {key: 'registered'},
+        {key: 'role'},
+        {key: 'status'}
+      ],
+      currentPage: 1,
+      perPage: 5,
+      totalRows: 0
+    }
+  },
+  methods: {
+    getBadge (status) {
+      return status === 'Active' ? 'success'
+        : status === 'Inactive' ? 'secondary'
+          : status === 'Pending' ? 'warning'
+            : status === 'Banned' ? 'danger' : 'primary'
+    },
+    getRowCount (items) {
+      return items.length
     }
   }
+}
 </script>

Vue_Full_Project/src/views/base/Tables.vue

@@ -31,10 +31,10 @@
 </template>
 
 <script>
-  import cTable from './Table.vue'
+import cTable from './Table.vue'
 
-  export default {
-    name: 'tables',
-    components: {cTable}
-  }
+export default {
+  name: 'tables',
+  components: {cTable}
+}
 </script>

Vue_Full_Project/src/views/base/Tooltips.vue

@@ -5,7 +5,7 @@
         header-tag="header"
         footer-tag="footer">
         <div slot="header">
-          <i class="fa fa-align-justify"></i> <strong>Bootstrap Tooltips</strong><small><code>v-b-tooltip</code>directive</small>
+          <i class="fa fa-align-justify"></i> <strong>Bootstrap Tooltips</strong> <small><code>v-b-tooltip</code> directive</small>
           <div class="card-actions">
             <a href="https://bootstrap-vue.js.org/docs/components/tooltip" target="_blank">
               <small class="text-muted">docs</small>
@@ -32,7 +32,7 @@
         header-tag="header"
         footer-tag="footer">
         <div slot="header">
-          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong><small><code>b-tooltip</code>component</small>
+          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong> <small><code>b-tooltip</code> component</small>
         </div>
         <b-row>
           <b-col md="6" class="py-4 text-center">
@@ -55,7 +55,7 @@
         header-tag="header"
         footer-tag="footer">
         <div slot="header">
-          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong><small><code>show</code>prop</small>
+          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong> <small><code>show</code> prop</small>
         </div>
         <div class="text-center">
           <b-btn id="tooltipButton-1" variant="primary">I have a tooltip</b-btn>
@@ -71,7 +71,7 @@
         header-tag="header"
         footer-tag="footer">
         <div slot="header">
-          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong><small><code>open close</code>events</small>
+          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong> <small><code>open close</code> events</small>
         </div>
         <div class="d-flex flex-column text-md-center">
           <div class="p-2">
@@ -91,7 +91,7 @@
         header-tag="header"
         footer-tag="footer">
         <div slot="header">
-          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong><small><code>enable disable</code>events</small>
+          <i class="fa fa-align-justify"></i> <strong>Tooltips</strong> <small><code>enable disable</code> events</small>
         </div>
         <div class="d-flex flex-column text-md-center">
           <div class="p-2">
@@ -117,30 +117,30 @@
 </template>
 
 <script>
-  export default {
-    name: 'tooltips',
-    data () {
-      return {
-        show: true,
-        disabled: false
-      }
+export default {
+  name: 'tooltips',
+  data () {
+    return {
+      show: true,
+      disabled: false
+    }
+  },
+  methods: {
+    onOpen () {
+      this.$refs.tooltip.$emit('open')
     },
-    methods: {
-      onOpen () {
-        this.$refs.tooltip.$emit('open')
-      },
-      onClose () {
-        this.$refs.tooltip.$emit('close')
-      },
-      disableByRef () {
-        if (this.disabled) {
-          this.$refs.tooltip2.$emit('enable')
-        } else {
-          this.$refs.tooltip2.$emit('disable')
-        }
+    onClose () {
+      this.$refs.tooltip.$emit('close')
+    },
+    disableByRef () {
+      if (this.disabled) {
+        this.$refs.tooltip2.$emit('enable')
+      } else {
+        this.$refs.tooltip2.$emit('disable')
       }
     }
   }
+}
 </script>
 
 <style scoped>

Vue_Full_Project/src/views/buttons/ButtonGroups.vue

@@ -190,8 +190,7 @@
 </template>
 
 <script>
-  export default {
-    name: 'button-groups'
-  }
+export default {
+  name: 'button-groups'
+}
 </script>
-

Vue_Full_Project/src/views/buttons/Dropdowns.vue

@@ -175,7 +175,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i> <strong>Dropdown</strong><small><code>variant</code></small>
+              <i class="fa fa-align-justify"></i> <strong>Dropdown</strong> <small><code>variant</code></small>
             </div>
             <b-dropdown size="sm" id="ddown_primary" text="Primary" variant="primary" class="m-0">
               <b-dropdown-item>First Action</b-dropdown-item>
@@ -230,7 +230,7 @@
 </template>
 
 <script>
-  export default {
-    name: 'dropdowns'
-  }
+export default {
+  name: 'dropdowns'
+}
 </script>

Vue_Full_Project/src/views/icons/Flags.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="animated fadeIn">
-    <b-card no-body id="new47">
+    <b-card no-body id="flags">
       <div slot="header">
         <i class="fa fa-font-awesome"></i> Flags
       </div>

Vue_Full_Project/src/views/notifications/Alerts.vue

@@ -31,8 +31,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i> Alert
-              <small> use <code>.alert-link</code> to provide links</small>
+              <i class="fa fa-align-justify"></i> Alert <small> use <code>.alert-link</code> to provide links</small>
             </div>
             <div>
               <b-alert show variant="primary">
@@ -69,8 +68,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i>Alerts</strong>
-              <small>with additional content</small>
+              <i class="fa fa-align-justify"></i> Alerts <small>with additional content</small>
             </div>
             <b-alert show variant="success">
               <h4 class="alert-heading">Well done!</h4>
@@ -91,8 +89,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i>Alerts</strong>
-              <small>dismissible</small>
+              <i class="fa fa-align-justify"></i> Alerts <small>dismissible</small>
             </div>
             <div>
               <b-alert show dismissible>
@@ -113,8 +110,7 @@
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
-              <i class="fa fa-align-justify"></i>Alerts</strong>
-              <small>auto dismissible</small>
+              <i class="fa fa-align-justify"></i> Alerts <small>auto dismissible</small>
             </div>
             <div>
               <b-alert :show="dismissCountDown"
@@ -148,22 +144,22 @@
 </template>
 
 <script>
-  export default {
-    name: 'alerts',
-    data () {
-      return {
-        dismissSecs: 10,
-        dismissCountDown: 0,
-        showDismissibleAlert: false
-      }
+export default {
+  name: 'alerts',
+  data () {
+    return {
+      dismissSecs: 10,
+      dismissCountDown: 0,
+      showDismissibleAlert: false
+    }
+  },
+  methods: {
+    countDownChanged (dismissCountDown) {
+      this.dismissCountDown = dismissCountDown
     },
-    methods: {
-      countDownChanged (dismissCountDown) {
-        this.dismissCountDown = dismissCountDown
-      },
-      showAlert () {
-        this.dismissCountDown = this.dismissSecs
-      }
+    showAlert () {
+      this.dismissCountDown = this.dismissSecs
     }
   }
+}
 </script>