fix: remove bindable rune from things that don't need it

Author: hperrin

MIGRATING.md

@@ -9,6 +9,7 @@ This doc contains information that will help you migrate your code from an older
 - Svelte 5 is required! Svelte 4 will not work.
 - Events have been renamed, removing colons and adopting CamelCase. (ex: SMUISwitch:change to SMUISwitchChange)
 - Event modifiers are now wrapper functions, exported from `@smui/common/events`.
+- Slots must be migrated to snippets.
 - The deprecated "MDC" events have been removed. All event names should be migrated to the corresponding "SMUI" event names.
 - The "Fixation" theme now uses Tahoma as its large header font.
 

packages/badge/src/Badge.svelte

@@ -61,12 +61,12 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    square = $bindable(false),
-    color = $bindable('primary'),
-    position = $bindable('middle'),
-    align = $bindable('top-end'),
+    use = [],
+    class: className = '',
+    square = false,
+    color = 'primary',
+    position = 'middle',
+    align = 'top-end',
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<'span', keyof OwnProps> = $props();

packages/bottom-app-bar/src/AutoAdjust.svelte

@@ -63,12 +63,12 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    style = $bindable(''),
-    bottomAppBar = $bindable(),
-    component: MyComponent = $bindable(SmuiElement),
-    tag = $bindable('main' as TagName),
+    use = [],
+    class: className = '',
+    style = '',
+    bottomAppBar = null,
+    component: MyComponent = SmuiElement,
+    tag = 'main' as TagName,
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<TagName, keyof OwnProps> = $props();

packages/bottom-app-bar/src/BottomAppBar.svelte

@@ -54,11 +54,11 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    style = $bindable(''),
-    variant = $bindable('standard'),
-    color = $bindable('primary'),
+    use = [],
+    class: className = '',
+    style = '',
+    variant = 'standard',
+    color = 'primary',
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<'div', keyof OwnProps> = $props();

packages/bottom-app-bar/src/Section.svelte

@@ -39,9 +39,9 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    fabInset = $bindable(false),
+    use = [],
+    class: className = '',
+    fabInset = false,
     children,
     ...restProps
   }: Omit<ComponentProps<typeof Paper>, keyof OwnProps> &

packages/button/src/Button.svelte

@@ -130,19 +130,19 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    style = $bindable(''),
-    ripple = $bindable(true),
-    color = $bindable('primary'),
-    variant = $bindable('text'),
-    touch = $bindable(false),
-    href = $bindable(undefined),
-    action = $bindable('close'),
-    defaultAction = $bindable(false),
-    secondary = $bindable(false),
-    component: MyComponent = $bindable(SmuiElement),
-    tag = $bindable((href == null ? 'button' : 'a') as TagName),
+    use = [],
+    class: className = '',
+    style = '',
+    ripple = true,
+    color = 'primary',
+    variant = 'text',
+    touch = false,
+    href,
+    action = 'close',
+    defaultAction = false,
+    secondary = false,
+    component: MyComponent = SmuiElement,
+    tag = (href == null ? 'button' : 'a') as TagName,
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<TagName, keyof OwnProps> = $props();

packages/button/src/Group.svelte

@@ -38,9 +38,9 @@
 
   // Remember to update $$Props if you add/remove/rename props.
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    variant = $bindable('text'),
+    use = [],
+    class: className = '',
+    variant = 'text',
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<'div', keyof OwnProps> = $props();

packages/checkbox/src/Checkbox.svelte

@@ -156,18 +156,18 @@
     input$class?: string;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    style = $bindable(''),
+    use = [],
+    class: className = '',
+    style = '',
     disabled = $bindable(false),
-    touch = $bindable(false),
+    touch = false,
     indeterminate = $bindable(uninitializedValue as unknown as boolean),
     group = $bindable(uninitializedValue as unknown as any[]),
     checked = $bindable(uninitializedValue as unknown as boolean),
-    value = $bindable(null),
-    valueKey = $bindable(uninitializedValue as unknown as string),
-    input$use = $bindable([]),
-    input$class = $bindable(''),
+    value = null,
+    valueKey = uninitializedValue as unknown as string,
+    input$use = [],
+    input$class = '',
     ...restProps
   }: OwnProps &
     SmuiAttrs<'div', keyof OwnProps> & {

packages/common/src/CommonIcon.svelte

@@ -59,11 +59,11 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    on = $bindable(false),
-    component: MyComponent = $bindable(SmuiElement),
-    tag = $bindable('i' as TagName),
+    use = [],
+    class: className = '',
+    on = false,
+    component: MyComponent = SmuiElement,
+    tag = 'i' as TagName,
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<TagName, keyof OwnProps> = $props();

packages/common/src/CommonLabel.svelte

@@ -59,10 +59,10 @@
     children?: Snippet;
   };
   let {
-    use = $bindable([]),
-    class: className = $bindable(''),
-    component: MyComponent = $bindable(SmuiElement),
-    tag = $bindable('span' as TagName),
+    use = [],
+    class: className = '',
+    component: MyComponent = SmuiElement,
+    tag = 'span' as TagName,
     children,
     ...restProps
   }: OwnProps & SmuiAttrs<TagName, keyof OwnProps> = $props();