Merhabalar, kendimi geliştirmek adına belirli sitelerden otomatik olarak haberlerin başlığını çeken bir websitesi hazırlıyorum. Fakat anasayfada her bir kaynaktan maximum 5 adet haber başlığı gösterilmesini istiyorum, bunu nasıl yapabilirim acaba? Kodlar;

HTML
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>MeshNews!</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&amp;display=swap'><link rel="stylesheet" href="./style.css">

</head>
<body>
<div id="app">

    <main>
        <dl>
             <div class="logo"> <img src="img/logo.png" width="207" height="66,60"> </div>
            <div class="title"><p>–– news.bitcoin.com</p></div>
            <template v-for="item in news.me">
                <dt><a :href="item.link" target=”_blank”>{{ item.title }}</a></dt>
                <dd><small><a :href="item.link" target=”_blank”>Details &mdash; {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
            </template>
        </dl>
        
        <dl>
            <div class="menu">
                <a href="https://t.me/mesh_news" target=”_blank”><ul>Telegram</ul><a>
                    <a href="https://instagram.com/meshnewsen" target=”_blank”><ul>Instagram</ul><a>
                <a href="mailto:mail@cryptomesh.net" target=”_blank”><ul>Contact</ul><a>
            </div>
            <div class="right">
            <div class="title"><p>–– dailycoin.com</p></div>
            <template v-for="item in news.mo">
                <dt><a :href="item.link" target=”_blank”>{{ item.title }}</a></dt>
                <dd><small><a :href="item.link">Details &mdash; {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
            </template>
             </div>
        </dl>

    </main>

<div class="bakalim">
    <dl>
            <div class="title-2"><p>–– blockonomi.com</p></div>
            <template v-for="item in news.mi">
                <dt><a :href="item.link" target=”_blank”>{{ item.title }}</a></dt>
                <dd><small><a :href="item.link" target=”_blank”>Details &mdash; {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
            </template>
        
    </dl>

       <dl>
            <div class="title-2"><p>–– coinquora.com</p></div>
            <template v-for="item in news.mu">
                <dt><a :href="item.link" target=”_blank”>{{ item.title }}</a></dt>
                <dd><small><a :href="item.link" target=”_blank”>Details &mdash; {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
            </template>
        </div>
    </dl>
    </div>

  <script src='https://unpkg.com/rss-parser@3.8.0/dist/rss-parser.min.js'></script>
<script src='https://unpkg.com/vue@2.6.11/dist/vue.min.js'></script><script  src="./script.js"></script>

</body>
</html>
JS
const App = new Vue({

    el : '#app',
    data : {
        CORS_PROXY : "https://api.allorigins.win/get?url=",
        news : {
            me : JSON.parse(localStorage.getItem('news.me')) || [],
            mo : JSON.parse(localStorage.getItem('news.mo')) || [],
            mi : JSON.parse(localStorage.getItem('news.mi')) || [],
            mi : JSON.parse(localStorage.getItem('news.mu')) || []
        }
    },
    methods : {

        rss : function() {

            let parser = new RSSParser();

            fetch(`${this.CORS_PROXY}${encodeURIComponent('https://news.bitcoin.com/feed/')}`)
                .then(response => {
                    if (response.ok) return response.json()
                    throw new Error('Network response was not ok.')
                })
                .then(data => {

                    parser.parseString(data.contents, (err, feed) => {
                        if (err) {
                            this.news.me = [err]
                        } else {
                            this.news.me = feed.items;
                            localStorage.setItem('news.me', JSON.stringify(this.news.me));
                        }
                    })
                });

            window.setTimeout(() => {

                fetch(`${this.CORS_PROXY}${encodeURIComponent('http://dailycoin.com/rss')}`)
                    .then(response => {
                        if (response.ok) return response.json()
                        throw new Error('Network response was not ok.')
                    })
                    .then(data => {

                        parser.parseString(data.contents, (err, feed) => {
                            if (err) {
                                this.news.mo = [err]
                            } else {
                                this.news.mo = feed.items;
                                localStorage.setItem('news.mo', JSON.stringify(this.news.mo));
                            }
                        })
                    });

                  

                fetch(`${this.CORS_PROXY}${encodeURIComponent('https://blockonomi.com/rss')}`)
                    .then(response => {
                        if (response.ok) return response.json()
                        throw new Error('Network response was not ok.')
                    })
                    .then(data => {

                        parser.parseString(data.contents, (err, feed) => {
                            if (err) {
                                this.news.mi = [err]
                            } else {
                                this.news.mi = feed.items;
                                localStorage.setItem('news.mi', JSON.stringify(this.news.mi));
                            }
                        })
                    });

 fetch(`${this.CORS_PROXY}${encodeURIComponent('https://coinquora.com/feed/')}`)
                    .then(response => {
                        if (response.ok) return response.json()
                        throw new Error('Network response was not ok.')
                    })
                    .then(data => {

                        parser.parseString(data.contents, (err, feed) => {
                            if (err) {
                                this.news.mu = [err]
                            } else {
                                this.news.mu = feed.items;
                                localStorage.setItem('news.mu', JSON.stringify(this.news.mu));
                            }
                        })
                    });

            }, 250);

        }
    },
    created: function () {
        this.rss();
    }

});
Site görünüm;