robonen
626fbc70d8
- Migrate to eslint flat config + composite tsconfig. - Complete the asChild→as="template" refactor (remove asChild prop + :as-child bindings across components, matching Primitive's slot model). - Fix test type errors and source type-safety (useGraceArea hull/point math, FocusScope/util ref typing). Note: ~53 vue-tsc errors remain (HTML attr/event passthrough typing on transparent wrapper components + a couple of duplicate-export naming collisions) — not gated by CI (build/lint/test green); pending a component-attribute-typing design decision.
@robonen/primitives playground
Minimal Vite + Vue 3 sandbox for inspecting and debugging primitives from
@robonen/primitives. Imports source directly via the @primitives/*
alias, so HMR works while editing components in vue/primitives/src/.
Usage
pnpm --filter @robonen/primitives-playground dev
Then open http://localhost:5180.
Adding a demo
Drop a .vue file into src/demos/. It will be picked up automatically by the
sidebar (import.meta.glob('./demos/*.vue')) and addressable via the URL hash
(e.g. #/Accordion).
<script setup lang="ts">
import { AccordionRoot } from '@primitives/accordion';
// or: import { AccordionRoot } from '@primitives';
</script>
Notes
- Imports resolve to
vue/primitives/src/directly (not the builtdist/), so you can poke at primitives and see changes instantly. - The playground is
private: trueand is not published.