vue-rss-parser

A simple component to parse and embed Medium RSS feeds with Vue.

Install

npm i vue-rss-parser

Usage

Import VueRssParser in your component

import VueRssParser from "vue-rss-parser";
...
export default {
  name: "Demo",
  components: {
    VueRssParser
  },
  data() {
    return {
      feedUrl: "https://cors-anywhere.herokuapp.com/https://medium.com/feed/0xcert'",
      name: "",
      limit: 5,
    };
  },
};

Then use it in your template

<template>
 <VueRssParser :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