feat(ui,biome,eslint): #lib aliases, vendor ui out of biome, claddcn skin option

template/{{ part_dir }}/src/routes/+layout.svelte.jinja

@@ -1,12 +1,12 @@
 <script lang="ts">
   import "./layout.css";
-{%- if ui_library == 'shadcn' %}
+{%- if ui_library != 'none' %}
   import { ModeWatcher } from "mode-watcher";
 {%- endif %}
 
   let { children } = $props();
 </script>
 
-{% if ui_library == 'shadcn' %}<ModeWatcher />
+{% if ui_library != 'none' %}<ModeWatcher />
 
 {% endif %}{@render children()}

template/{{ part_dir }}/src/routes/+page.svelte.jinja

@@ -3,10 +3,10 @@
 </svelte:head>
 
 <main
-  class="flex min-h-dvh flex-col items-center justify-center gap-4 px-6 text-center {% if ui_library == 'shadcn' %}bg-background text-foreground{% else %}bg-white text-neutral-900 dark:bg-neutral-950 dark:text-neutral-50{% endif %}"
+  class="flex min-h-dvh flex-col items-center justify-center gap-4 px-6 text-center {% if ui_library != 'none' %}bg-background text-foreground{% else %}bg-white text-neutral-900 dark:bg-neutral-950 dark:text-neutral-50{% endif %}"
 >
   <h1 class="font-bold text-4xl tracking-tight sm:text-5xl">{{ project_name }}</h1>
-  <p class="max-w-prose text-base {% if ui_library == 'shadcn' %}text-muted-foreground{% else %}text-neutral-500{% endif %}">
+  <p class="max-w-prose text-base {% if ui_library != 'none' %}text-muted-foreground{% else %}text-neutral-500{% endif %}">
     Edit
     <code class="font-mono">src/routes/+page.svelte</code>.
   </p>

template/{{ part_dir }}/src/routes/layout.css.jinja

@@ -1,11 +1,14 @@
-{% if ui_library == 'shadcn' -%}
+{% if ui_library != 'none' -%}
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "shadcn-svelte/tailwind.css";
+{%- if ui_library == 'claddcn' %}
+@import "./claddcn.css";
+{%- endif %}
 
 @custom-variant dark (&:is(.dark *));
 
-:root {
+{% if ui_library == 'shadcn' %}:root {
   --radius: 0.625rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
@@ -100,7 +103,7 @@
   --color-sidebar-ring: var(--sidebar-ring);
 }
 
-@layer base {
+{% endif %}@layer base {
   * {
     @apply border-border outline-ring/50;
   }