Merge pull request #2 from hedior03/dev

Fix preact integration

astro.config.mjs

@@ -1,9 +1,9 @@
-import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
+import { defineConfig } from 'astro/config'
 
-import preact from "@astrojs/preact";
+import tailwind from '@astrojs/tailwind'
+import preact from '@astrojs/preact'
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), preact()]
-});
+	integrations: [tailwind(), preact()]
+})

src/components/Navbar.astro

@@ -1,5 +1,4 @@
 ---
-import { info } from '@/data/info'
 import Sun from './icons/sun.svg.astro'
 import Moon from './icons/moon.svg.astro'
 

src/components/details/base/CopyButton.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource preact */
 import { useState, type FC, type PropsWithChildren } from 'preact/compat'
 
 type CopyButtonProps = {
@@ -27,8 +28,11 @@ const CopyButton: FC<PropsWithChildren<CopyButtonProps>> = ({
 	}
 
 	return (
-		<div className="group relative">
-			<button onClick={copyCallback}>{children}</button>
+		<div class="group relative">
+			<button onClick={() => console.log('hello')}>try</button>
+			<button type={'button'} onClick={copyCallback}>
+				{children}
+			</button>
 			<div class="absolute -top-1 left-1/2 flex -translate-x-1/2 -translate-y-full flex-col items-center opacity-0 transition-opacity group-hover:opacity-100">
 				<div class="rounded-lg bg-hd-grey/10 px-2.5 py-1 backdrop-blur dark:bg-hd-grey/60">
 					<span class="select-none text-sm font-light">{tooltipText}</span>

tsconfig.json

@@ -3,7 +3,7 @@
 	"compilerOptions": {
 		"jsx": "react-jsx",
 		"jsxImportSource": "preact",
-		"baseUrl": "/Users/hedior/Developer/personal/portfolio",
+		"baseUrl": ".",
 		"paths": {
 			"@/*": ["./src/*"]
 		}