Svelte Component Drift Detection

Svelte-Specific Features

Svelte Component Parsing

Native support for .svelte files including script, style, and markup sections.

Runes Support

Understands Svelte 5 runes like $state, $derived, and $effect.

Style Directives

Detects hardcoded values in style: directives and class: bindings.

Props Analysis

Extracts $props() and export let declarations for consistency checking.

SvelteKit Support

Works with SvelteKit projects including routes, layouts, and +page components.

CSS Variables

Tracks --style-props usage and validates against your token definitions.

See it in action

buoy-cli

⚓ Scanning Svelte components...

Found 54 Svelte components

Found 12 SvelteKit routes

WARNING 11 hardcoded values in <style>

INFO 4 style directive inconsistencies

Configuration Example

.buoy.yaml

# .buoy.yaml
sources:
  svelte:
    enabled: true
    include:
      - "src/lib/components/**/*.svelte"
      - "src/routes/**/*.svelte"

# Svelte-specific options
svelte:
  version: 5
  kit: true

tokens:
  source: "./src/lib/tokens.css"