Update astro to v4

This commit is contained in:
tobias 2024-05-19 06:53:14 +02:00
parent 37c0cd98b7
commit 8ef6ee2b2c
5 changed files with 1848 additions and 1606 deletions

View File

@ -9,9 +9,6 @@ export default defineConfig({
build: { build: {
inlineStylesheets: "auto", inlineStylesheets: "auto",
}, },
experimental: {
viewTransitions: true,
},
integrations: [ integrations: [
tailwind({ tailwind({
config: { config: {

View File

@ -9,11 +9,11 @@
"build": "astro build" "build": "astro build"
}, },
"dependencies": { "dependencies": {
"@astrojs/image": "^0.17.3", "@astrojs/image": "0.18.0",
"@astrojs/prefetch": "^0.3.0", "@astrojs/prefetch": "0.4.1",
"@astrojs/sitemap": "^2.0.2", "@astrojs/sitemap": "3.1.4",
"@astrojs/tailwind": "4.0.0", "@astrojs/tailwind": "5.1.0",
"astro": "^2.10.12", "astro": "4.8.6",
"css-select": "5.1.0", "css-select": "5.1.0",
"sharp": "^0.32.6", "sharp": "^0.32.6",
"slate-serializers": "0.4.1", "slate-serializers": "0.4.1",

View File

@ -27,7 +27,7 @@ const posts = await getPosts();
posts.map((post) => ( posts.map((post) => (
<a href={`/posts/${post.id}/`}> <a href={`/posts/${post.id}/`}>
<article class="text-gray bg-gray-light px-5 py-3 rounded-md shadow-md w-64 text-center hover:-translate-y-1 transition-transform"> <article class="text-gray bg-gray-light px-5 py-3 rounded-md shadow-md w-64 text-center hover:-translate-y-1 transition-transform">
<h3 class="font-bold text-lg" transition:name=`title-${post.id}`>{post.title}</h3> <h3 class="font-bold text-lg">{post.title}</h3>
{post.publishedDate && ( {post.publishedDate && (
<p> <p>
{new Date(post.publishedDate).toLocaleDateString("de-DE")} {new Date(post.publishedDate).toLocaleDateString("de-DE")}

View File

@ -21,7 +21,7 @@ const post = id && (await getPost(id));
<Layout title={`Paystro | ${post.title!}`}> <Layout title={`Paystro | ${post.title!}`}>
<div class="space-y-3 my-3"> <div class="space-y-3 my-3">
<a href="/">BACK</a> <a href="/">BACK</a>
<h1 class="font-bold text-5xl" transition:name=`title-${post.id}`>{post.title}</h1> <h1 class="font-bold text-5xl">{post.title}</h1>
{post.content && <Content content={post.content} />} {post.content && <Content content={post.content} />}
</div> </div>
</Layout> </Layout>

File diff suppressed because it is too large Load Diff