Commit 24eae5b

committed

📚 update readme

1 parent e0dc44f commit 24eae5bCopy full SHA for 24eae5b

File tree

+36

-4

lines changed

+36

-4

lines changed

Lines changed: 16 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,18 @@`
`1`	`1`	`# Vue CLI plugin for UI5-Webcomponents`
`2`	`2`
	`3`	`+This is a Vue CLI plugin to add [UI5 Webcomponents](https://sap.github.io/ui5-webcomponents/) to your project.`
	`4`	`+`
	`5`	`+## Using the plugin`
	`6`	+```bash
	`7`	`+#create a Vue project using the Vue CLI`
	`8`	`+vue create my-vue-app`
	`9`	`+#move to target project`
	`10`	`+cd my-vue-app`
	`11`	`+#install vue-cli-ui5-webcomponents plugin`
	`12`	`+vue add ui5-webcomponents`
	`13`	+```
	`14`	`+If you have an existing Vue CLI-based project you can skip the first two commands and just run:`
	`15`	`+`
	`16`	+```bash
	`17`	`+ vue add ui5-webcomponents`
	`18`	+ ```

Lines changed: 20 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,24 @@`
`1`	`1`	`<template>`
`2`		`- <ui5-button>Button</ui5-button>`
	`2`	`+ <div>`
	`3`	`+ <ui5-toolbar class="header-toolbar">`
	`4`	`+ <ui5-title class="app-title">UI5 Web Components CLI Plugin Example</ui5-title>`
	`5`	`+ </ui5-toolbar>`
	`6`	`+ <ui5-tabcontainer class="full-width" collapsed fixed show-overflow selected-index="2">`
	`7`	`+ <ui5-tab v-for="tab in tabs" :key="tab" :text="tab"></ui5-tab>`
	`8`	`+ </ui5-tabcontainer>`
	`9`	`+ </div>`
`3`	`10`	`</template>`
`4`	`11`	`<script>`
`5`	`12`	`import "@ui5/webcomponents/dist/Button";`
`6`		`-export default {};`
`7`		`-</script>`
`8`		`-`
	`13`	`+import "@ui5/webcomponents/dist/Toolbar";`
	`14`	`+import "@ui5/webcomponents/dist/Title";`
	`15`	`+import "@ui5/webcomponents/dist/TabContainer";`
	`16`	`+import "@ui5/webcomponents/dist/Tab";`
	`17`	`+export default {`
	`18`	`+ data: function() {`
	`19`	`+ return {`
	`20`	`+ tabs: ["Home", "About", "News", "Contacts"]`
	`21`	`+ };`
	`22`	`+ }`
	`23`	`+};`
	`24`	`+</script>`

Comments

(0)