How

Install the structure once and choose visual language as data

Install

Add the packages

terminal
pnpm add @perishlab/design @perishlab/token

Wire the plugin

vite.config.ts
import { design } from "@perishlab/design/vite";

export default { plugins: [design()] };

Write a screen

App.svelte
<script>
  import { Hero, Shell } from "@perishlab/design";
</script>

<Shell system="swiss">
  <Hero title="hello" />
</Shell>

The screen renders in swiss because Shell says so. The same markup renders in ten more, and that attribute is the only thing that changes.