Refactored welcome view and create new vue component

- Changed vue component in Welcome view;
- Created menu.vue component;
- Created card.vue component;
- Rebuilt assets with gulp.

Author: vs0uz4

public/build/js/app-ca2d71f22b.js renamed to public/build/js/app-0368e11a96.js

@@ -1,5 +1,5 @@
 {
   "css/app.css": "css/app-ad87f36536.css",
   "css/vendor.css": "css/vendor-0634183a17.css",
-  "js/app.js": "js/app-ca2d71f22b.js"
+  "js/app.js": "js/app-0368e11a96.js"
 }

public/build/js/app-66e2a3f00e.js

@@ -6,15 +6,15 @@ require('bootstrap-sass')
 import Vue from 'vue'
 import axios from 'axios'
 
-import PrimeiroComponente from './app/components/primeiro-componente.vue'
+import VdMenu from './app/menu/main.vue'
 import VdUsers from './app/users/main.vue'
 
 Vue.prototype.$http = axios
 
 new Vue({
     el: '#app',
     components: {
-        PrimeiroComponente,
+        VdMenu,
         VdUsers
     }
 })

public/build/js/app-927eb91d34.js

@@ -0,0 +1,32 @@
+<script>
+    export default {
+        props: ['menuitem'],
+        computed: {
+            hasItem () {
+                return this.menuitem !== undefined
+            }
+        },
+    }
+</script>
+
+<template>
+    <div>
+        <div class="thumbnail" v-show="hasItem">
+            <img :src="menuitem.img" :alt="menuitem.title">
+            <div class="caption">
+                <h3 class="title">{{ menuitem.title }}</h3>
+                <p class="description">{{ menuitem.description }}</p>
+                <p><a :href="menuitem.url" class="btn btn-primary" role="button" :class="menuitem.disabled ? 'disabled': ''">Abrir</a></p>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+    .title {
+        font-variant-caps: all-small-caps;
+    }
+    .description {
+        text-transform: capitalize;
+    }
+</style>