shared-news #20

Merged
esteban merged 4 commits from shared-news into main 2026-03-08 18:35:49 +00:00
6 changed files with 31 additions and 15 deletions
Showing only changes of commit 9dc30c9299 - Show all commits

View File

@ -13,7 +13,7 @@ export default defineConfig({
vite: {
plugins: [tailwindcss()],
},
site: "https://mk8nrc8p-4321.brs.devtunnels.ms",
//base: '/mockup/',
integrations: [markdoc(), icon(), vue()],

View File

@ -2,8 +2,12 @@
import { ClientRouter } from "astro:transitions";
import { GoogleAnalytics } from 'astro-google-analytics';
const { title = "Centro del Reino de Paz y Justicia", description = "" } =
Astro.props;
const {
title = "Centro del Reino de Paz y Justicia",
description = "",
image = null,
url = null,
} = Astro.props;
---
<head>
@ -15,5 +19,7 @@ const { title = "Centro del Reino de Paz y Justicia", description = "" } =
<GoogleAnalytics id="G-26KM3HWW9J" />
<title>{title}</title>
<meta name="description" content={description} />
{url && <meta property="og:url" content={url} />}
{image && <meta property="og:image" content={image} />}
</head>
<ClientRouter />

View File

@ -106,9 +106,7 @@ const copyLink = async () => {
console.error("No se pudo copiar")
}
}
const BASE_URL = typeof window !== "undefined"
? `${window.location.protocol}//${window.location.host}`
: ""
const BASE_URL = window.location.host
const fullUrl = computed(() => {
if (props.url.startsWith("http")) {

View File

@ -8,7 +8,13 @@ import "@fontsource/poppins/500.css";
import "@fontsource/poppins/700.css";
import "@fontsource-variable/kameron";
import ShareSticky from "../components/ShareSticky.vue";
const { title } = Astro.props;
const {
title,
description,
image,
url
} = Astro.props;
---
<style is:global>
img {
@ -20,7 +26,12 @@ const { title } = Astro.props;
</style>
<html lang="en" class="scroll-smooth">
<BaseHead title={title} />
<BaseHead
title={title}
description={description}
image={image}
url={url}
/>
<script>
document.addEventListener('contextmenu', event => {
if (event.target.tagName === 'IMG') {
@ -30,7 +41,7 @@ const { title } = Astro.props;
</script>
<body class="font-primary">
{Astro.url.pathname.includes('/news/') && (
<ShareSticky client:load url={Astro.url.href} />
<ShareSticky client:only url={Astro.url.href} />
)}
<slot />
<Footer />

View File

@ -38,7 +38,12 @@ const baseSlug = routeTranslations.news[locale] || routeTranslations.news.en;
---
</style>
<MainLayout>
<MainLayout
title={post.data.title}
description={`${post.data.title} - ${post.data.city ?? ""} ${post.data.country ?? ""}`}
image={post.data.gallery && post.data.gallery.length > 0 ? new URL(post.data.gallery[0].image.src, Astro.site) : null}
url={new URL(`/${locale}/${baseSlug}/${post.id}`, Astro.site)}
>
<div class="container mx-auto md:py-16 py-8">
<Header />
</div>

View File

@ -19,15 +19,11 @@ export async function getStaticPaths() {
const { post } = Astro.props;
const { Content } = await render(post);
console.log("astro site", Astro.site);
const baseUrl = Astro.site ?? "https://mk8nrc8p-4321.brs.devtunnels.ms";
const pageUrl = new URL(`/es/news/${post.id}`, baseUrl).toString();
const imageUrl = post.data.thumbnail
? new URL(post.data.thumbnail.src, baseUrl).toString()
: null;
const description = `${post.data.title} - ${post.data.city ?? ""} ${post.data.country ?? ""}`;
---