fix: finish some migration steps, update readme

Author: hperrin

MIGRATING.md

@@ -4,6 +4,12 @@ This doc contains information that will help you migrate your code from an older
 
 # SMUI 7 -> SMUI 8
 
+SMUI 8 has migrated to Svelte 5's new Runes mode. As such, it expects things like snippets and only some props are bindable.
+
+Note to Devs: update `indexOf()` with `$state` arrays or items to `findIndex()` to avoid bugs.
+
+Note to Devs: remove `x = x;` statements after `push()` and the like. They aren't needed anymore with Svelte 5's new $state rune.
+
 ## Breaking Changes
 
 - Svelte 5 is required! Svelte 4 will not work.

README.md

@@ -144,66 +144,6 @@ Click a component/package below to go to the documentation. (Note that this docu
 
 - Labels and icons are named exports in the components that use them, or you can use the 'Label' and 'Icon' exports from '@smui/common'. (Except for chips labels and icons, textfield icons, and select icons, because they are special snowflakes.)
 
-# Migration to Runes
-
-Svelte 5 Runes mode is being migrated to slowly. This is the todo list of components as they are migrated.
-
-- [x] Accordion
-- Action Buttons
-  - [x] Button
-  - [x] Floating Action Button
-  - [x] Icon Button
-- App Bars
-  - [x] Bottom App Bar
-  - [x] Top App Bar
-- [x] Badge
-- [x] Banner
-- [x] Card
-- [x] Common
-- [x] Data Table
-- [x] Dialog
-- [x] Drawer
-- [x] Image List
-- Inputs and Controls
-  - [x] Autocomplete
-  - [x] Checkbox
-  - [x] Chips
-  - [x] Chip Input
-  - [x] Floating Label
-  - [x] Form Field
-  - [x] Line Ripple
-  - [x] Notched Outline
-  - [x] Radio Button
-  - [x] Segmented Button
-  - [x] Select Menu
-    - [x] Select Helper Text
-    - [x] Select Icon
-  - [x] Slider
-  - [x] Switch
-  - [x] Text Field
-    - [x] Text Field Character Counter
-    - [x] Text Field Helper Text
-    - [x] Text Field Icon
-- [x] Layout Grid
-- [x] List
-- [x] Menu Surface
-- [x] Menu
-- [x] Paper
-- Progress Indicators
-  - [x] Circular Progress
-  - [x] Linear Progress
-- [x] Snackbar
-  - [x] Kitchen
-- Tabs
-  - [x] Tab
-  - [x] Tab Bar
-- [x] Tooltip
-- [x] Touch Target
-
-Note to Devs: update `indexOf()` on any `$state` array to `findIndex()`.
-
-Note to Devs: remove `x = x;` statements after `push()` and the like. They aren't needed anymore with Svelte 5's new $state rune.
-
 # License
 
 Copyright 2019-2024 Hunter Perrin

packages/accordion/src/Header.svelte

@@ -148,7 +148,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

packages/banner/src/Banner.svelte

@@ -287,7 +287,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

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

@@ -102,7 +102,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

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

@@ -121,7 +121,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

packages/button/src/Button.svelte

@@ -196,7 +196,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

packages/card/src/PrimaryAction.svelte

@@ -100,7 +100,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

packages/checkbox/src/Checkbox.svelte

@@ -390,7 +390,6 @@
     if (internalStyles[name] != value) {
       if (value === '' || value == null) {
         delete internalStyles[name];
-        internalStyles = internalStyles;
       } else {
         internalStyles[name] = value;
       }

packages/chip-input/src/ChipInput.svelte

@@ -340,7 +340,6 @@
       if (chips.findIndex((chip) => chip === event.detail) === -1) {
         chips.push(event.detail);
       }
-      chips = chips;
     }
   }
 
@@ -364,7 +363,6 @@
         if (chips.findIndex((chip) => chip === text) === -1) {
           chips.push(text);
         }
-        chips = chips;
         text = '';
       }
     }
@@ -391,7 +389,6 @@
         if (chips.findIndex((chip) => chip === text) === -1) {
           chips.push(text);
         }
-        chips = chips;
         text = '';
         floatingLabel?.float(false);
       }
@@ -409,7 +406,6 @@
   }
 
   function handleChipRemoval(chip: any) {
-    chips = chips;
     dispatch(getElement(), 'SMUIChipInputRemove', { chip });
   }