Nuxt UI docs infinite loading due to lemonsqueezy js script.
Sometimes the website stuck at loading and the buttons like the search and the color pallete on the header do not works. The network devtools window shows how this script never finishes loading.
3 Replies
Hi @negative. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the information provided in the knowledge sources, I don't have specific details about an infinite loading issue with Nuxt UI docs caused by a Lemon Squeezy JS script. However, I can provide some relevant information and suggestions related to Lemon Squeezy integration in Nuxt applications.
The Nuxt Scripts module provides a way to integrate Lemon Squeezy into Nuxt applications. It offers a
useScriptLemonSqueezy composable and a ScriptLemonSqueezy component for interacting with Lemon Squeezy. These are designed to load the Lemon Squeezy script in a performance-optimized way.
Lemon Squeezy Documentation suggests using the ScriptLemonSqueezy component, which loads the Lemon Squeezy script with a visibility trigger. This means the script should only load when the component is visible in the viewport, which could help prevent unnecessary loading.
If you're experiencing issues with the Lemon Squeezy script not finishing loading, you might want to check:
1. If the script is being loaded correctly
2. If there are any network issues preventing the script from loading
3. If the script is conflicting with other scripts on the page
To troubleshoot this issue, you could try:
1. Using the useScriptLemonSqueezy composable directly to have more control over when and how the script loads.
2. Checking the browser console for any error messages related to the script loading.
3. Temporarily disabling the Lemon Squeezy integration to see if it resolves the loading issues with the UI docs.
If the problem persists, it would be helpful to create a minimal reproduction of the issue. The Nuxt Scripts documentation provides information on how to create reproductions using StackBlitz playgrounds, which can be useful for troubleshooting.
Remember, if this is a persistent issue with the official Nuxt UI documentation, it would be best to report it to the Nuxt team through their official channels or GitHub repository.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@158354252312477697> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
This is not the first time this happens to me and the other times was the same script the issue. Blocking this script makes the website works again. @benjamincanac
I just realized that it could be my fault due to here in Spain all ISP are blocking Cloudflare due to the ilegal soccer websites on the weekends during the matches and I dont have access to a lot of websites. Lemonsqueezy might use Cloudflare for the assets like this js file.
Was my fault