File tree Expand file tree Collapse file tree 1 file changed +20
-15
lines changed
Expand file tree Collapse file tree 1 file changed +20
-15
lines changed Original file line number Diff line number Diff line change 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
14221 . 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```
18262 . Install dependencies
1927``` js
2028npm 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
3243import YouTubeWidget from " ./components/YouTubeWidget" ;
3344
3445export 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
You can’t perform that action at this time.
0 commit comments