File tree Expand file tree Collapse file tree 1 file changed +41
-17
lines changed Expand file tree Collapse file tree 1 file changed +41
-17
lines changed Original file line number Diff line number Diff line change 11# vue-rss-feed  
2+ A simple componenet to embed beautiful RSS feeds with Vuejs
23
3- ## Project setup  
4+ ## Demo  
5+ [ demo] ( https://rssapp.github.io/vue-rss-feed/ ) 
46
5- ``` 
6- npm install 
7+ ## Install  
8+ 
9+ ``` bash 
10+ npm i vue-rss-feed
711``` 
812
9- ### Compiles and hot-reloads for development  
13+ ## Usage  
14+ Import VueRssFeed in your component
1015
11- ``` 
12- npm run serve 
16+ ``` js 
17+ import  VueRssFeed  from  " ../VueRssFeed.vue" 
18+ ... 
19+ export  default  {
20+  name:  " Demo" 
21+  components:  {
22+  VueRssFeed
23+  },
24+  data () {
25+  return  {
26+  feedUrl:  " https://rss.app/feeds/hmsyAr3PyniBpmOd.xml" 
27+  name:  " " 
28+  limit:  5 , 
29+  };
30+  },
31+ };
1332``` 
1433
15- ###  Compiles and minifies for production 
34+ Then use it in the template 
1635
17- ``` 
18- npm run build 
36+ ``` HTML 
37+ <template >
38+ ...
39+ <div >
40+  <VueRssFeed  :feedUrl =" feedUrl" :name =" name" :limit =" limit" 
41+ </div >
42+ ... 
43+ </template > 
1944``` 
2045
21- ###  Run your tests  
46+ ##  Props  
2247
23- ``` 
24- npm run test 
25- ``` 
2648
27- ### Lints and fixes files  
49+ |  name |  type |  default |  description | 
50+ |  --------------- |  -------------------------------- |  ---------- |  ---------------------------------------------------------------------- | 
51+ |  feedUrl |  String |  |  RSS Feed URL | 
52+ |  limit |  Number |  5 |  Number of items to render | 
53+ |  Name |  String |  |  Pass a name to show instead of feed title | 
54+ 
2855
29- ``` 
30- npm run lint 
31- ``` 
                         You can’t perform that action at this time. 
           
                  
0 commit comments