[hub][vue] init item card container in vue
diff --git a/erpnext/public/js/hub/App.vue b/erpnext/public/js/hub/App.vue
new file mode 100644
index 0000000..37ec4f3
--- /dev/null
+++ b/erpnext/public/js/hub/App.vue
@@ -0,0 +1,34 @@
+<template>
+ <div class="app">
+ <hello></hello>
+ </div>
+</template>
+
+<script>
+import ItemCardsContainer from './components/ItemCardsContainer.vue';
+export default {
+ name: 'app',
+ components: {
+ ItemCardsContainer
+ }
+}
+</script>
+
+<style>
+body {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ margin: 0;
+}
+.app {
+ color: #444;
+ margin-top: 100px;
+ max-width: 600px;
+ font-family: Helvetica, sans-serif;
+ text-align: center;
+ display: flex;
+ align-items: center;
+}
+</style>