From 508b16be2ba545772ac4936987724061ed741034 Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Mon, 11 Mar 2024 12:37:11 -0400
Subject: [PATCH] remove enhanced img

---
 .../lib/components/docs/dashboard/dashboard-page.svelte    | 6 ------
 apps/www/src/routes/+page.svelte                           | 7 +------
 apps/www/src/routes/examples/authentication/+page.svelte   | 7 +------
 apps/www/src/routes/examples/cards/+page.svelte            | 7 +------
 apps/www/src/routes/examples/forms/+layout.svelte          | 7 +------
 apps/www/src/routes/examples/mail/(components)/mail.svelte | 7 +------
 apps/www/src/routes/examples/music/+page.svelte            | 7 +------
 apps/www/src/routes/examples/playground/+page.svelte       | 7 +------
 apps/www/src/routes/examples/tasks/+page.svelte            | 7 +------
 apps/www/vite.config.ts                                    | 3 +--
 10 files changed, 9 insertions(+), 56 deletions(-)

diff --git a/apps/www/src/lib/components/docs/dashboard/dashboard-page.svelte b/apps/www/src/lib/components/docs/dashboard/dashboard-page.svelte
index be6fef67a..9216410cb 100644
--- a/apps/www/src/lib/components/docs/dashboard/dashboard-page.svelte
+++ b/apps/www/src/lib/components/docs/dashboard/dashboard-page.svelte
@@ -16,14 +16,8 @@
 		TeamSwitcher,
 	} from "./index.js";
 	import DatePickerWithRange from "$lib/registry/new-york/example/date-picker-with-range.svelte";
-	import DashboardLight from "$lib/img/examples/dashboard-light.png?enhanced";
-	import DashboardDark from "$lib/img/examples/dashboard-dark.png?enhanced";
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={DashboardLight} alt="Dashboard Light" class="block dark:hidden" />
-	<enhanced:img src={DashboardDark} alt="Dashboard Dark" class="hidden dark:block" />
-</div>
 <div class="hidden flex-col md:flex">
 	<div class="border-b">
 		<div class="flex h-16 items-center px-4">
diff --git a/apps/www/src/routes/+page.svelte b/apps/www/src/routes/+page.svelte
index 999ff0d2b..643797e76 100644
--- a/apps/www/src/routes/+page.svelte
+++ b/apps/www/src/routes/+page.svelte
@@ -7,8 +7,6 @@
 	import { cn } from "$lib/utils.js";
 	import Mail from "./examples/mail/(components)/mail.svelte";
 	import { accounts, mails } from "./examples/mail/data.js";
-	import MailLight from "$lib/img/examples/mail-light.png?enhanced";
-	import MailDark from "$lib/img/examples/mail-dark.png?enhanced";
 
 	export let data;
 </script>
@@ -53,10 +51,7 @@
 	<section
 		class="overflow-hidden rounded-lg border bg-background shadow-md md:hidden md:shadow-xl"
 	>
-		<div class="md:hidden">
-			<enhanced:img src={MailLight} alt="Mail" class="block dark:hidden" />
-			<enhanced:img src={MailDark} alt="Mail" class="hidden dark:block" />
-		</div>
+		<div class="md:hidden"></div>
 	</section>
 	<section class="hidden md:block">
 		<div class="overflow-hidden rounded-lg border bg-background shadow-lg">
diff --git a/apps/www/src/routes/examples/authentication/+page.svelte b/apps/www/src/routes/examples/authentication/+page.svelte
index a6a83f846..7dee6bd30 100644
--- a/apps/www/src/routes/examples/authentication/+page.svelte
+++ b/apps/www/src/routes/examples/authentication/+page.svelte
@@ -1,14 +1,9 @@
 <script lang="ts">
 	import { Button } from "$lib/registry/default/ui/button/index.js";
 	import UserAuthForm from "./(components)/user-auth-form.svelte";
-	import AuthenticationLight from "$lib/img/examples/authentication-light.png?enhanced";
-	import AuthenticationDark from "$lib/img/examples/authentication-dark.png?enhanced";
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={AuthenticationLight} alt="Authentication" class="block dark:hidden" />
-	<enhanced:img src={AuthenticationDark} alt="Authentication" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div
 	class="container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0"
 >
diff --git a/apps/www/src/routes/examples/cards/+page.svelte b/apps/www/src/routes/examples/cards/+page.svelte
index 267f5be2f..f0d52e1d2 100644
--- a/apps/www/src/routes/examples/cards/+page.svelte
+++ b/apps/www/src/routes/examples/cards/+page.svelte
@@ -10,14 +10,9 @@
 		DemoContainer,
 		CardsTeamMembers,
 	} from "./(components)/index.js";
-	import CardsLight from "$lib/img/examples/cards-light.png?enhanced";
-	import CardsDark from "$lib/img/examples/cards-dark.png?enhanced";
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={CardsLight} alt="Cards" class="block dark:hidden" />
-	<enhanced:img src={CardsDark} alt="Cards" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div
 	class="hidden items-start justify-center gap-6 rounded-lg p-8 md:grid lg:grid-cols-2 xl:grid-cols-3"
 >
diff --git a/apps/www/src/routes/examples/forms/+layout.svelte b/apps/www/src/routes/examples/forms/+layout.svelte
index 9e1539018..cb11b575c 100644
--- a/apps/www/src/routes/examples/forms/+layout.svelte
+++ b/apps/www/src/routes/examples/forms/+layout.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 	import { Separator } from "$lib/registry/new-york/ui/separator/index.js";
 	import SidebarNav from "./(components)/sidebar-nav.svelte";
-	import FormsLight from "$lib/img/examples/forms-light.png?enhanced";
-	import FormsDark from "$lib/img/examples/forms-dark.png?enhanced";
 
 	const sidebarNavItems = [
 		{
@@ -28,10 +26,7 @@
 	];
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={FormsLight} alt="Forms" class="block dark:hidden" />
-	<enhanced:img src={FormsDark} alt="Forms" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div class="hidden space-y-6 p-10 pb-16 md:block">
 	<div class="space-y-0.5">
 		<h2 class="text-2xl font-bold tracking-tight">Settings</h2>
diff --git a/apps/www/src/routes/examples/mail/(components)/mail.svelte b/apps/www/src/routes/examples/mail/(components)/mail.svelte
index 257a72a9a..3dacb81fe 100644
--- a/apps/www/src/routes/examples/mail/(components)/mail.svelte
+++ b/apps/www/src/routes/examples/mail/(components)/mail.svelte
@@ -12,8 +12,6 @@
 	import * as Tabs from "$lib/registry/new-york/ui/tabs/index.js";
 	import Search from "lucide-svelte/icons/search";
 	import type { Account, Mail } from "../data.js";
-	import MailLight from "$lib/img/examples/mail-light.png?enhanced";
-	import MailDark from "$lib/img/examples/mail-dark.png?enhanced";
 
 	export let accounts: Account[];
 	export let mails: Mail[];
@@ -38,10 +36,7 @@
 	}
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={MailLight} alt="Mail" class="block dark:hidden" />
-	<enhanced:img src={MailDark} alt="Mail" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div class="hidden md:block">
 	<Resizable.PaneGroup
 		direction="horizontal"
diff --git a/apps/www/src/routes/examples/music/+page.svelte b/apps/www/src/routes/examples/music/+page.svelte
index f27db9818..ef0ed6af1 100644
--- a/apps/www/src/routes/examples/music/+page.svelte
+++ b/apps/www/src/routes/examples/music/+page.svelte
@@ -7,14 +7,9 @@
 	import { AlbumArtwork, Sidebar, Menu, PodcastEmptyPlaceholder } from "./(components)/index.js";
 	import { playlists } from "./(data)/playlists.js";
 	import { listenNowAlbums, madeForYouAlbums } from "./(data)/albums.js";
-	import MusicLight from "$lib/img/examples/music-light.png?enhanced";
-	import MusicDark from "$lib/img/examples/music-dark.png?enhanced";
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={MusicLight} alt="Music" class="block dark:hidden" />
-	<enhanced:img src={MusicDark} alt="Music" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div class="hidden md:block">
 	<Menu />
 	<div class="border-t">
diff --git a/apps/www/src/routes/examples/playground/+page.svelte b/apps/www/src/routes/examples/playground/+page.svelte
index b992fc54c..b4753c3ed 100644
--- a/apps/www/src/routes/examples/playground/+page.svelte
+++ b/apps/www/src/routes/examples/playground/+page.svelte
@@ -19,14 +19,9 @@
 	} from "./(components)/index.js";
 	import { models, types } from "./(data)/models.js";
 	import { presets } from "./(data)/presets.js";
-	import PlaygroundLight from "$lib/img/examples/playground-light.png?enhanced";
-	import PlaygroundDark from "$lib/img/examples/playground-dark.png?enhanced";
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={PlaygroundLight} alt="Playground" class="block dark:hidden" />
-	<enhanced:img src={PlaygroundDark} alt="Playground" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div class="hidden h-full flex-col md:flex">
 	<div
 		class="container flex flex-col items-start justify-between space-y-2 py-4 sm:flex-row sm:items-center sm:space-y-0 md:h-16"
diff --git a/apps/www/src/routes/examples/tasks/+page.svelte b/apps/www/src/routes/examples/tasks/+page.svelte
index 2461c5907..8e3ec519f 100644
--- a/apps/www/src/routes/examples/tasks/+page.svelte
+++ b/apps/www/src/routes/examples/tasks/+page.svelte
@@ -2,14 +2,9 @@
 	import DataTable from "./(components)/data-table.svelte";
 	import UserNav from "./(components)/user-nav.svelte";
 	import data from "./(data)/tasks.json";
-	import TasksLight from "$lib/img/examples/tasks-light.png?enhanced";
-	import TasksDark from "$lib/img/examples/tasks-dark.png?enhanced";
 </script>
 
-<div class="md:hidden">
-	<enhanced:img src={TasksLight} alt="Tasks" class="block dark:hidden" />
-	<enhanced:img src={TasksDark} alt="Tasks" class="hidden dark:block" />
-</div>
+<div class="md:hidden"></div>
 <div class="hidden h-full flex-1 flex-col space-y-8 p-8 md:flex">
 	<div class="flex items-center justify-between space-y-2">
 		<div>
diff --git a/apps/www/vite.config.ts b/apps/www/vite.config.ts
index 83b1b5f74..9fe026945 100644
--- a/apps/www/vite.config.ts
+++ b/apps/www/vite.config.ts
@@ -1,9 +1,8 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vitest/config";
-import { enhancedImages } from "@sveltejs/enhanced-img";
 
 export default defineConfig({
-	plugins: [enhancedImages(), sveltekit()],
+	plugins: [sveltekit()],
 	test: {
 		include: ["src/**/*.{test,spec}.{js,ts}"],
 	},