fix: content types sync in dev (#11727)

Co-authored-by: Princesseuh <[email protected]>

.changeset/ten-buckets-matter.md

@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Fixes a type issue when using the Content Layer in dev

packages/astro/src/content/types-generator.ts

@@ -590,11 +590,9 @@ async function writeContentFiles({
 
 	// If it's the first time, we inject types the usual way. sync() will handle creating files and references. If it's not the first time, we just override the dts content
 	if (settings.injectedTypes.some((t) => t.filename === CONTENT_TYPES_FILE)) {
-		fs.promises.writeFile(
-			new URL(CONTENT_TYPES_FILE, settings.dotAstroDir),
-			typeTemplateContent,
-			'utf-8',
-		);
+		const filePath = fileURLToPath(new URL(CONTENT_TYPES_FILE, settings.dotAstroDir));
+		await fs.promises.mkdir(path.dirname(filePath), { recursive: true });
+		await fs.promises.writeFile(filePath, typeTemplateContent, 'utf-8');
 	} else {
 		settings.injectedTypes.push({
 			filename: CONTENT_TYPES_FILE,

packages/astro/src/core/sync/index.ts

@@ -29,6 +29,7 @@ import type { Logger } from '../logger/core.js';
 import { formatErrorMessage } from '../messages.js';
 import { ensureProcessNodeEnv } from '../util.js';
 import { writeFiles } from './write-files.js';
+import { fileURLToPath } from 'node:url';
 
 export type SyncOptions = {
 	/**
@@ -122,7 +123,7 @@ export async function syncInternal({
 			});
 			await contentLayer.sync();
 			settings.timer.end('Sync content layer');
-		} else if (fs.existsSync(getContentPaths(settings.config, fs).contentDir.href)) {
+		} else if (fs.existsSync(fileURLToPath(getContentPaths(settings.config, fs).contentDir))) {
 			// Content is synced after writeFiles. That means references are not created
 			// To work around it, we create a stub so the reference is created and content
 			// sync will override the empty file