Flatten nested repos

test/vuex/layout/components/ioAlatComponent.js

@@ -0,0 +1,71 @@
+var ioAlatComponent = {
+    template: `
+    <v-flex md3 xs6 class='p-io-alat'>
+  <v-card
+    class="mx-auto io-alat light-green lighten-4"
+    light
+    max-width="400"
+  >
+    <v-card-title >
+      <span class="title font-weight-light"> Title </span>
+    </v-card-title>
+
+    <v-card-text>
+        <div>
+            <span class="label">Port</span>
+            <span class="label-sep">:</span>
+            <span class="label-val">123</span>
+        </div>
+        <div>
+            <span class="label">Glu</span>
+            <span class="label-sep">:</span>
+            <span class="label-val">1023</span>
+        </div>
+        <div>
+            <span class="label">DB</span>
+            <span class="label-sep">:</span>
+            <span class="label-val">pdb</span>
+        </div>
+        <div>
+            <span class="label">LIS</span>
+            <span class="label-sep">:</span>
+            <span class="label-val">Enabled</span>
+        </div>
+    </v-card-text>
+
+    <v-card-actions class="action light-green lighten-1">
+         <v-spacer></v-spacer>
+         <v-icon color="#EFFCED" v-bind:class="true" >get_app</v-icon>
+    </v-card-actions>
+  </v-card>
+
+    </v-flex>
+  `,
+    data: function() {
+        return {}
+    },
+    methods: {},
+    components: {
+        SheetFooter: {
+            functional: true,
+            render(h, {
+                children
+            }) {
+                return h('v-sheet', {
+                    staticClass: 'mt-auto align-center justify-center d-flex',
+                    props: {
+                        color: 'rgba(0, 0, 0, .36)',
+                        dark: true,
+                        height: 50
+                    }
+                }, children)
+            }
+        }
+    }
+
+}
+
+
+export {
+    ioAlatComponent
+};