diff --git a/examples/framework-alpine/package.json b/examples/framework-alpine/package.json
index 12369f7b0..5187830e2 100644
--- a/examples/framework-alpine/package.json
+++ b/examples/framework-alpine/package.json
@@ -10,5 +10,8 @@
   },
   "devDependencies": {
     "astro": "^1.0.0-beta.7"
+  },
+  "dependencies": {
+    "alpinejs": "^3.9.6"
   }
 }
diff --git a/examples/framework-alpine/src/pages/index.astro b/examples/framework-alpine/src/pages/index.astro
index 3626ed604..19b7e6741 100644
--- a/examples/framework-alpine/src/pages/index.astro
+++ b/examples/framework-alpine/src/pages/index.astro
@@ -22,8 +22,12 @@ import Counter from '../components/Counter.astro';
 			}
 		</style>
 
-		<!-- Be sure to include AlpineJS -->
-		<script src="//unpkg.com/alpinejs" defer is:inline></script>
+		<!-- Load AlpineJS on the page -->
+		<script>
+			import Alpine from 'alpinejs';
+			window.Alpine = Alpine;
+			Alpine.start();
+		</script>
 	</head>
 	<body>
 		<main>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 545c45188..508fcb87d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -117,7 +117,10 @@ importers:
 
   examples/framework-alpine:
     specifiers:
+      alpinejs: ^3.9.6
       astro: ^1.0.0-beta.7
+    dependencies:
+      alpinejs: 3.9.6
     devDependencies:
       astro: link:../../packages/astro
 
@@ -4316,6 +4319,12 @@ packages:
       estree-walker: 2.0.2
       magic-string: 0.25.9
 
+  /@vue/reactivity/3.1.5:
+    resolution: {integrity: sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==}
+    dependencies:
+      '@vue/shared': 3.1.5
+    dev: false
+
   /@vue/reactivity/3.2.31:
     resolution: {integrity: sha512-HVr0l211gbhpEKYr2hYe7hRsV91uIVGFYNHj73njbARVGHQvIojkImKMaZNDdoDZOIkMsBc9a1sMqR+WZwfSCw==}
     dependencies:
@@ -4343,6 +4352,10 @@ packages:
       '@vue/shared': 3.2.31
       vue: 3.2.31
 
+  /@vue/shared/3.1.5:
+    resolution: {integrity: sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==}
+    dev: false
+
   /@vue/shared/3.2.31:
     resolution: {integrity: sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==}
 
@@ -4463,6 +4476,12 @@ packages:
       '@algolia/transporter': 4.13.0
     dev: false
 
+  /alpinejs/3.9.6:
+    resolution: {integrity: sha512-NRkBWiKLA/juIVh4sJxU1vkKrhEbsKZAvsOTPh1NmLH+CDktg1W5yR5DHlM5LXq5fjntGtzEWTjjPkjT06opeA==}
+    dependencies:
+      '@vue/reactivity': 3.1.5
+    dev: false
+
   /ansi-align/3.0.1:
     resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
     dependencies:
