Skip to content

Commit 28ad123

Browse files
Merge remote-tracking branch 'origin/master'
2 parents e160c4b + 1286c63 commit 28ad123

File tree

1 file changed

+20
-15
lines changed

1 file changed

+20
-15
lines changed

README.md

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,32 @@
99
* Fetches initial count of videos
1010
* Loads additional videos
1111

12-
## Usage
12+
## Installation
13+
14+
### npm
15+
16+
```js
17+
npm i vue-youtube-widget
18+
```
19+
20+
### Github
1321

1422
1. Clone repository
1523
```js
16-
https://github.com/dmitriyakkerman/vue-vuex-i18n-browser-sfc-starter.git
24+
https://github.com/dmitriyakkerman/vue-youtube-widget.git
1725
```
1826
2. Install dependencies
1927
```js
2028
npm install
2129
```
22-
3. Import "YouTubeWidget" component in you app
30+
31+
## Usage
32+
33+
1. Import "YouTubeWidget" component in you app
2334

2435
```js
2536
<template>
26-
<div id="app">
37+
<div>
2738
<YouTubeWidget apiKey="YOUR_API_KEY" channelId="YOUR_CHANNEL_ID"></YouTubeWidget>
2839
</div>
2940
</template>
@@ -32,7 +43,6 @@ npm install
3243
import YouTubeWidget from "./components/YouTubeWidget";
3344

3445
export default {
35-
name: 'App',
3646
components: {
3747
YouTubeWidget
3848
}
@@ -41,11 +51,11 @@ export default {
4151

4252
```
4353

44-
4. Configure component additional props if needed:
54+
2. Configure component additional props if needed:
4555

4656
```js
4757
<template>
48-
<div id="app">
58+
<div>
4959
<YouTubeWidget
5060
apiKey="YOUR_API_KEY"
5161
channelId="YOUR_CHANNEL_ID"
@@ -61,7 +71,7 @@ export default {
6171
...
6272
```
6373

64-
5. Import "YouTubeWidget" base styles from "main.scss"
74+
3. Import "YouTubeWidget" base styles from "main.scss"
6575

6676
```css
6777
...
@@ -72,13 +82,8 @@ export default {
7282

7383
```
7484

75-
6. Write your additional custom styles for widget.
76-
7. Run dev server:
77-
78-
```js
79-
npm run serve
80-
```
81-
8. Enjoy! 🎉
85+
4. Write your additional custom styles for widget.
86+
5. Enjoy! 🎉
8287

8388
-------------
8489

0 commit comments

Comments
 (0)