init commit

resources/js/components/PlaceholderPattern.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+    interface Props {
+        class?: string;
+    }
+
+    let { class: className }: Props = $props();
+    let patternId = $derived(`pattern-${Math.random().toString(36).substring(2, 9)}`);
+</script>
+
+<svg class={className} fill="none">
+    <defs>
+        <pattern id={patternId} x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
+            <path d="M-3 13 15-5M-5 5l18-18M-1 21 17 3"></path>
+        </pattern>
+    </defs>
+    <rect stroke="none" fill={`url(#${patternId})`} width="100%" height="100%"></rect>
+</svg>