From 13cea99d03bc5251e4bc678dc7a955a28ee3472a Mon Sep 17 00:00:00 2001
From: Giovanni Abbatepaolo <30571828+bbtgnn@users.noreply.github.com>
Date: Thu, 7 Mar 2024 12:09:16 +0100
Subject: [PATCH] feat: created $components

---
 src/{lib => }/components/Link.svelte     |  0
 src/{lib => }/components/Navbar.svelte   |  0
 src/lib/components/CvCard.svelte         | 35 ----------------
 src/lib/components/layout/A.svelte       |  6 ---
 src/lib/components/layout/Block.svelte   | 51 ------------------------
 src/lib/components/layout/Callout.svelte | 15 -------
 src/lib/components/layout/Col.svelte     | 14 -------
 src/lib/components/layout/Columns.svelte |  3 --
 src/lib/components/layout/Content.svelte |  3 --
 src/lib/components/layout/Line.svelte    |  1 -
 src/routes/+layout.svelte                |  2 +-
 svelte.config.js                         |  3 +-
 12 files changed, 3 insertions(+), 130 deletions(-)
 rename src/{lib => }/components/Link.svelte (100%)
 rename src/{lib => }/components/Navbar.svelte (100%)
 delete mode 100644 src/lib/components/CvCard.svelte
 delete mode 100644 src/lib/components/layout/A.svelte
 delete mode 100644 src/lib/components/layout/Block.svelte
 delete mode 100644 src/lib/components/layout/Callout.svelte
 delete mode 100644 src/lib/components/layout/Col.svelte
 delete mode 100644 src/lib/components/layout/Columns.svelte
 delete mode 100644 src/lib/components/layout/Content.svelte
 delete mode 100644 src/lib/components/layout/Line.svelte

diff --git a/src/lib/components/Link.svelte b/src/components/Link.svelte
similarity index 100%
rename from src/lib/components/Link.svelte
rename to src/components/Link.svelte
diff --git a/src/lib/components/Navbar.svelte b/src/components/Navbar.svelte
similarity index 100%
rename from src/lib/components/Navbar.svelte
rename to src/components/Navbar.svelte
diff --git a/src/lib/components/CvCard.svelte b/src/lib/components/CvCard.svelte
deleted file mode 100644
index b73c401..0000000
--- a/src/lib/components/CvCard.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-	export let title: string | undefined = undefined;
-	export let subtitle: string | undefined = undefined;
-
-	export let date_start: string | undefined = undefined;
-	export let date_end: string | undefined = undefined;
-	export let current: boolean | undefined = undefined;
-</script>
-
-<div>
-	{#if title}
-		<p class="font-semibold">{title}</p>
-	{/if}
-	{#if subtitle}
-		<p>{subtitle}</p>
-	{/if}
-	{#if date_start || date_end}
-		<p>
-			{#if date_start}
-				<span>{date_start}</span>
-			{/if}
-			{#if date_start && (date_end || current)}
-				<span>→</span>
-			{/if}
-			{#if date_end}
-				<span>{date_end}</span>
-			{/if}
-			{#if current}
-				<span>oggi</span>
-			{/if}
-		</p>
-	{/if}
-
-	<slot />
-</div>
diff --git a/src/lib/components/layout/A.svelte b/src/lib/components/layout/A.svelte
deleted file mode 100644
index b77234d..0000000
--- a/src/lib/components/layout/A.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script lang="ts">
-	export let href: string;
-	export let external = false;
-</script>
-
-<a {href} class="anchor" target={external ? '_blank' : '_self'}><slot /></a>
diff --git a/src/lib/components/layout/Block.svelte b/src/lib/components/layout/Block.svelte
deleted file mode 100644
index 115beb2..0000000
--- a/src/lib/components/layout/Block.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-	const cols = {
-		full: [1, 4],
-		right: [1, 3],
-		left: [2, 4],
-		center: [2, 3]
-	};
-
-	//
-
-	export let align: keyof typeof cols = 'center';
-
-	let className = '';
-	export { className as class };
-</script>
-
-<div class="x-block-container">
-	<div class="x-block">
-		<div
-			class={`x-block-content ${className}`}
-			style:--col-start={cols[align][0]}
-			style:--col-end={cols[align][1]}
-		>
-			<slot />
-		</div>
-	</div>
-</div>
-
-<style lang="scss">
-	$w: 600px;
-
-	.x-block-container {
-		container: x-block / inline-size;
-	}
-
-	.x-block {
-		display: grid;
-		grid-template-columns: minmax(0, 1fr) $w minmax(0, 1fr);
-	}
-
-	@container x-block (width < #{$w}) {
-		.x-block {
-			display: block;
-		}
-	}
-
-	.x-block-content {
-		grid-column-start: var(--col-start);
-		grid-column-end: var(--col-end);
-	}
-</style>
diff --git a/src/lib/components/layout/Callout.svelte b/src/lib/components/layout/Callout.svelte
deleted file mode 100644
index c9f7675..0000000
--- a/src/lib/components/layout/Callout.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	export let icon: string | undefined = undefined;
-</script>
-
-<div class="callout flex items-start gap-3 p-4">
-	{#if icon}
-		<div class="callout-icon">
-			{icon}
-		</div>
-	{/if}
-
-	<div class="grow">
-		<slot />
-	</div>
-</div>
diff --git a/src/lib/components/layout/Col.svelte b/src/lib/components/layout/Col.svelte
deleted file mode 100644
index beef592..0000000
--- a/src/lib/components/layout/Col.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	export let width = 1;
-	export let align: 'top' | 'center' | 'bottom' = 'top';
-</script>
-
-<div
-	class="relative basis-1"
-	style:flex-grow={width}
-	class:self-start={align == 'top'}
-	class:self-end={align == 'bottom'}
-	class:self-center={align == 'center'}
->
-	<slot />
-</div>
diff --git a/src/lib/components/layout/Columns.svelte b/src/lib/components/layout/Columns.svelte
deleted file mode 100644
index 1f941bc..0000000
--- a/src/lib/components/layout/Columns.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="x-columns mx-auto flex items-start justify-center gap-4">
-	<slot />
-</div>
diff --git a/src/lib/components/layout/Content.svelte b/src/lib/components/layout/Content.svelte
deleted file mode 100644
index 98c9bc4..0000000
--- a/src/lib/components/layout/Content.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<article class="flex flex-col items-stretch gap-4">
-	<slot />
-</article>
diff --git a/src/lib/components/layout/Line.svelte b/src/lib/components/layout/Line.svelte
deleted file mode 100644
index 40d0443..0000000
--- a/src/lib/components/layout/Line.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<hr class="self-stretch" />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 68beffc..cb20f40 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Navbar from '$lib/components/Navbar.svelte';
+	import Navbar from '$components/Navbar.svelte';
 	import '../app.pcss';
 </script>
 
diff --git a/svelte.config.js b/svelte.config.js
index fde5a11..df59980 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -28,7 +28,8 @@ const config = {
 
 		alias: {
 			$database: './src/routes/(database)',
-			$cms: './src/__cms'
+			$cms: './src/__cms',
+			$components: './src/components'
 		}
 	}
 };