From 5570bf7958a767db97f435c4b912a5e1879b593a Mon Sep 17 00:00:00 2001
From: Matthew Phillips <matthew@matthewphillips.info>
Date: Thu, 8 Jul 2021 14:31:05 -0400
Subject: [PATCH] Use new client:visible syntax in create-astro (#633)

---
 packages/create-astro/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/create-astro/src/index.ts b/packages/create-astro/src/index.ts
index d5fd05eab..c072399a6 100644
--- a/packages/create-astro/src/index.ts
+++ b/packages/create-astro/src/index.ts
@@ -152,7 +152,7 @@ export async function main() {
         const componentName = path.basename(component.filename, path.extname(component.filename));
         const absFileLoc = path.resolve(cwd, component.filename);
         importStatements.push(`import ${componentName} from '${component.filename.replace(/^src/, '..')}';`);
-        components.push(`<${componentName}:visible />`);
+        components.push(`<${componentName} client:visible />`);
         await fs.promises.writeFile(absFileLoc, component.content);
       })
     );