<template>
    <section class="blog-popular">
        <h3>Popular content</h3>
        <ul class="popular-items">
            <li>
                <span class="arrow"
                    ><svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="20"
                        height="20"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    >
                        <line x1="5" y1="12" x2="19" y2="12"></line>
                        <polyline points="12 5 19 12 12 19"></polyline></svg
                ></span>
                <a class="link" href="#"
                    >Lorem ipsum dolor sit, amet consectetur adipisicing.</a
                >
            </li>
            <li>
                <span class="arrow"
                    ><svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="20"
                        height="20"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    >
                        <line x1="5" y1="12" x2="19" y2="12"></line>
                        <polyline points="12 5 19 12 12 19"></polyline></svg
                ></span>
                <a class="link" href="#">Lorem ipsum dolor sit.</a>
            </li>
            <li>
                <span class="arrow"
                    ><svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="20"
                        height="20"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    >
                        <line x1="5" y1="12" x2="19" y2="12"></line>
                        <polyline points="12 5 19 12 12 19"></polyline></svg
                ></span>
                <a class="link" href="#"
                    >Lorem ipsum dolor sit, amet consectetur adipisicing.</a
                >
            </li>
            <li>
                <span class="arrow"
                    ><svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="20"
                        height="20"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    >
                        <line x1="5" y1="12" x2="19" y2="12"></line>
                        <polyline points="12 5 19 12 12 19"></polyline></svg
                ></span>
                <a class="link" href="#"
                    >Lorem ipsum dolor sit, amet consectetur adipisicing.</a
                >
            </li>
            <li>
                <span class="arrow"
                    ><svg
                        xmlns="http://www.w3.org/2000/svg"
                        width="20"
                        height="20"
                        viewBox="0 0 24 24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    >
                        <line x1="5" y1="12" x2="19" y2="12"></line>
                        <polyline points="12 5 19 12 12 19"></polyline></svg
                ></span>
                <a class="link" href="#"
                    >Lorem ipsum dolor sit, amet consectetur adipisicing.</a
                >
            </li>
        </ul>
    </section>
</template>
