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.config.mjs

// buoy.config.mjs
export default {
  framework: 'svelte',

  include: [
    'src/lib/components/**/*.svelte',
    'src/routes/**/*.svelte',
  ],

  // Svelte-specific options
  svelte: {
    version: 5,
    kit: true,
  },

  tokens: './src/lib/tokens.css',
}