diff --git a/example/src/App.vue b/example/src/App.vue
index 264d23b7..093de31d 100644
--- a/example/src/App.vue
+++ b/example/src/App.vue
@@ -7,6 +7,21 @@
     @image-loaded="onImageLoad"
     @image-removed="onImageRemove"
   />
+  <!-- Netlify Badge -->
+  <div class="absolute bottom-4 right-4">
+    <a
+      href="https://app.netlify.com/sites/v-image/deploys"
+      aria-label="View deploys on Netlify"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="gray-400"
+    >
+      <img
+        src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg"
+        alt="Deploys by Netlify"
+      />
+    </a>
+  </div>
 </template>
 
 <script lang="ts">
diff --git a/example/vite.config.ts b/example/vite.config.ts
index 9d00b5c0..534af8d8 100644
--- a/example/vite.config.ts
+++ b/example/vite.config.ts
@@ -3,15 +3,5 @@ import vue from '@vitejs/plugin-vue';
 import WindiCSS from 'vite-plugin-windicss';
 
 export default defineConfig({
-  base: '/v-image/',
-  // optimizeDeps: {
-  //   include: ['dash-shaka-playback', 'clappr'],
-  // },
-  server: {
-    fs: {
-      // Allow serving files from one level up to the project root
-      allow: ['..'],
-    },
-  },
   plugins: [vue(), WindiCSS()],
 });