fix: some fixes

Author: mylmz10

src/components/chips/MdChipSet.vue

@@ -25,7 +25,7 @@ export default {
         slotItems.map((item, index) => {
           return h(MdFilterChip, {
             ...item.props,
-            selected: index === props.modelValue,
+            selected: index === props.modelValue || item.props.selected,
             onClick: () => selectChip(index),
           });
         })

src/components/chips/MdFilterChip.vue

@@ -7,7 +7,7 @@
       <MdIcon v-if="selected">check</MdIcon>
       <MdIcon v-else>{{ leadingIcon }}</MdIcon>
     </div>
-    <div v-else class="md-filter-chip__leading-icon">
+    <div v-else-if="hasLeadingIconSlot" class="md-filter-chip__leading-icon">
       <slot name="leading-icon" />
     </div>
     <div class="md-filter-chip__text">{{ label }}</div>
@@ -18,10 +18,13 @@
 </template>
 
 <script setup>
+import { computed, useSlots } from 'vue';
 import MdIcon from '../icon/MdIcon.vue';
 import MdRipple from '../ripple/MdRipple.vue';
 
-defineProps({
+const slots = useSlots();
+
+const props = defineProps({
   label: {
     type: String,
   },
@@ -41,6 +44,14 @@ defineProps({
     type: Boolean,
   },
 });
+
+const hasSlot = (name) => {
+  return !!slots[name];
+};
+
+const hasLeadingIconSlot = computed(() => {
+  return hasSlot('leading-icon');
+});
 </script>
 
 <style lang="scss">

src/components/snackbar/MdSnackbar.vue

@@ -73,6 +73,8 @@ $theme: tokens.md-comp-snackbar-values();
   transform: translateX(-50%);
   display: flex;
   align-items: center;
+  box-sizing: content-box;
+  line-height: map.get($theme, supporting-text-line-height);
 
   background-color: map.get($theme, container-color);
   border-radius: map.get($theme, container-shape);
@@ -172,6 +174,7 @@ $theme: tokens.md-comp-snackbar-values();
   &--longer-action {
     flex-wrap: wrap;
     padding: 12px 0 6px 0;
+    height: auto;
 
     .md-snackbar__supporting-text {
       width: 100%;

src/components/switch/MdSwitch.vue

@@ -27,7 +27,7 @@ const props = defineProps({
     type: String,
   },
   modelValue: {
-    type: String,
+    type: Boolean,
   },
   checked: {
     type: Boolean,
@@ -42,6 +42,14 @@ watch(
   { immediate: true },
 );
 
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    _checked.value = newValue;
+  },
+  { immediate: true },
+);
+
 const toggle = () => {
   if (!props.disabled) {
     _checked.value = !_checked.value;