vue-rss-feed

A simple component to embed beautiful RSS feeds with Vuejs

Demo

demo

Install

npm i vue-rss-feed

Usage

Import VueRssFeed in your component

import VueRssFeed from "../VueRssFeed.vue";
...
export default {
  name: "Demo",
  components: {
    VueRssFeed
  },
  data() {
    return {
      feedUrl: "https://rss.app/feeds/hmsyAr3PyniBpmOd.xml",
      name: "",
      limit: 5,
    };
  },
};

Then use it in your template

<template>
 <VueRssFeed :feedUrl="feedUrl" :name="name" :limit="limit"/>
</template>

Props

name	type	default	description
feedUrl	String		RSS Feed URL
limit	Number	5	Number of items to render
Name	String		Pass a name to replace feed title

Note

Due to CORS policy some RSS feeds can't be loaded in the browser. You can load RSS feeds from your own server or use RSS.app.

License

MIT