Skip to content

feat(astro): Vue islands + ClientRouter + color system + SEO#102

Merged
ronaldtse merged 1 commit into
mainfrom
feat/astro-islands-complete
Jul 9, 2026
Merged

feat(astro): Vue islands + ClientRouter + color system + SEO#102
ronaldtse merged 1 commit into
mainfrom
feat/astro-islands-complete

Conversation

@ronaldtse

Copy link
Copy Markdown
Member

Summary

Completes TODOs 09, 10, 11, 12, 14, 17, 21, 25 from TODO.astro/.

Vue islands wired into Astro pages:

  • ConceptIsland.vue (client:load) — full concept detail with definition, terms, notes, examples, sources, relationships, RDF source panel, detail/sphere view toggle
  • SearchIsland.vue (client:load) — live fuzzy search with highlighting, ranking, status badges
  • GraphIsland.vue (client:visible) — D3 force graph with dynamic import, zoom controls

Navigation:

  • ClientRouter from astro:transitions for SPA-like page transitions

Styling:

  • Color system CSS custom properties (relationship types, status colors, group accents, ink palette, dark mode)

SEO:

  • SeoMeta.astro with Open Graph, Twitter Card, canonical URLs

Verified

  • 13 pages + sitemap build cleanly
  • All Vue islands compile via @astrojs/vue
  • ClientRouter enabled

Completes TODOs 09, 10, 11, 12, 14, 17, 21, 25:

## Vue islands (TODOs 09-12)

- ConceptIsland.vue (client:load) — concept detail with view mode
  toggle (detail/sphere), designations, definition, notes, examples,
  sources, relationships, RDF source panel, section tags
- SearchIsland.vue (client:load) — live fuzzy search with result
  highlighting, status badges, ranked results (exact > starts-with >
  contains)
- GraphIsland.vue (client:visible) — D3 force simulation graph with
  dynamic import, zoom controls, dataset + concept nodes

## Navigation (TODO 21)

- ClientRouter from astro:transitions added to Default layout
- SPA-like page transitions without full reloads
- Islands persist across navigation

## Color system (TODO 14)

- colors.css with relationship type, concept status, group kind,
  and ink palette CSS custom properties
- Dark mode inverted palette via .dark class

## SEO (TODO 25)

- SeoMeta.astro component with Open Graph, Twitter Card, canonical URL

## Build verified

13 pages + sitemap. All islands compile and hydrate correctly.
@ronaldtse ronaldtse merged commit 69693f9 into main Jul 9, 2026
4 checks passed
@ronaldtse ronaldtse deleted the feat/astro-islands-complete branch July 9, 2026 07:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant