I found the issue. The API calls are using http:// instead of https://, which causes the mixed-content error. Let me fix both instances:

I've fixed the mixed-content error by changing both API calls from http:// to https://. The Zippopotam.us API supports HTTPS, so this will prevent the browser from blocking the requests when your app is running on a secure connection.

The Publish button should be in the top right corner of the code preview/block view. Here's how to deploy your app:

Option 1: Publish Button (Recommended)

• Look for the "Publish" button in the top right corner of the code block
• Click it to deploy directly to Vercel

Option 2: GitHub Integration

• Click the GitHub logo button in the top right
• Push your code to GitHub
• Then deploy from your Vercel dashboard by connecting the GitHub repository

Option 3: Download and Deploy Manually

• Click the three dots (•••) in the top right of the code block
• Select "Download ZIP"
• Use the shadcn CLI command to set up the project locally
• Deploy to Vercel using the Vercel CLI or dashboard

If you still don't see the Publish button, try refreshing the page or checking if you're viewing the latest version of your code block. The button should be visible when you're viewing the code preview.