blog.title}</h3>
                        <p class="tw-text-bg-gray-500 tw-text-sm">${blog.description}</p>
                        
                    </a>
                `)
            }).join('')
      
    </script>

    <script>
                
        if (typeof window.chrome !== "undefined") {
            console.log("Chrome API is available.");
        } else {
            console.log("unavailable api")
            document.getElementById("chrome-api-error").classList.remove("tw-hidden")
        }