fix cursor follower

astro.config.mjs

@@ -3,9 +3,8 @@ import tailwind from "@astrojs/tailwind";
 import svelte from "@astrojs/svelte";
 import mdx from "@astrojs/mdx";
 
-import alpinejs from "@astrojs/alpinejs";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), svelte(), mdx(), alpinejs()]
+  integrations: [tailwind(), svelte(), mdx()]
 });

src/components/CursorFollower.svelte

@@ -33,7 +33,7 @@
 </script>
 
 <div 
-class="w-[{800}px] h-[{800}px] bg-[#CFE9FF] blur-3xl opacity-40 absolute top-0 left-0 rounded-full z-[-100]" 
+class="w-[800px] h-[800px] bg-[#CFE9FF] blur-3xl opacity-30 absolute top-0 left-0 rounded-full z-[-100]" 
 style="transform: translate({current.x - (800 / 2)}px, {current.y - (800 / 2)}px);"
 />
 

src/pages/index.astro

@@ -9,6 +9,7 @@ import Card from '../components/Card.svelte';
 import Arrow from '../components/Arrow.svelte'
 
 import CursorFollower from '../components/CursorFollower.svelte'
+import type { idText } from 'typescript';
 
 const cards = [
 	{ title: "Arcania", body: "Dans Arcania transformer votre telephone en veritable baguette magique et combattez vos amies dans l'arene" ,href: "https://github.com/math-pixel/ARCANIA", thumbnail : "/images/arcania.png",
@@ -52,7 +53,7 @@ const cards = [
 ]
 ---
 <LayoutPage title="Mathieu Chavanel - Portfolio" >
-	<CursorFollower client:load></CursorFollower>
+	<CursorFollower client:load ></CursorFollower>
 	<Header title={["Accueil", "Projets", "Contact"]} href={["/", "/#projectHighlight", "/#contact"]}></Header>
 	<div id="home" class=" flex w-full h-screen flex-col-reverse max-md:content-center max-md:h-fit">