📚 update readme

Author: CodesOfRa

README.md

@@ -1,2 +1,18 @@
 # Vue CLI plugin for UI5-Webcomponents
 
+This is a Vue CLI plugin to add [UI5 Webcomponents](https://sap.github.io/ui5-webcomponents/) to your project.
+
+## Using the plugin
+```bash
+#create a Vue project using the Vue CLI
+vue create my-vue-app
+#move to target project
+cd my-vue-app
+#install vue-cli-ui5-webcomponents plugin
+vue add ui5-webcomponents
+```
+If you have an existing Vue CLI-based project you can skip the first two commands and just run:
+
+```bash
+ vue add ui5-webcomponents
+ ```

generator/template/src/UI5Example.vue

@@ -1,8 +1,24 @@
 <template>
-  <ui5-button>Button</ui5-button>
+  <div>
+    <ui5-toolbar class="header-toolbar">
+      <ui5-title class="app-title">UI5 Web Components CLI Plugin Example</ui5-title>
+    </ui5-toolbar>
+    <ui5-tabcontainer class="full-width" collapsed fixed show-overflow selected-index="2">
+      <ui5-tab v-for="tab in tabs" :key="tab" :text="tab"></ui5-tab>
+    </ui5-tabcontainer>
+  </div>
 </template>
 <script>
 import "@ui5/webcomponents/dist/Button";
-export default {};
-</script>
-
+import "@ui5/webcomponents/dist/Toolbar";
+import "@ui5/webcomponents/dist/Title";
+import "@ui5/webcomponents/dist/TabContainer";
+import "@ui5/webcomponents/dist/Tab";
+export default {
+  data: function() {
+    return {
+      tabs: ["Home", "About", "News", "Contacts"]
+    };
+  }
+};
+</script>