@dumiflex/wp-kit 0.3.0 → 0.4.0

package/src/Toggle.vue

@@ -1,36 +1,36 @@
-<script setup lang="ts">
-/**
- * The manager's on/off switch: the shared WpSwitch at the
- * manager size, so the canvas and the manager draw one switch. Use it for a
- * setting that takes effect at once.
- */
-import WpSwitch from "./WpSwitch.vue";
-
-interface Props {
-  modelValue: boolean;
-  label?: string | undefined;
-  size?: "sm" | "md" | "lg" | undefined;
-  disabled?: boolean | undefined;
-  invalid?: boolean | undefined;
-  /** @deprecated use `invalid`. */
-  error?: boolean | undefined;
-  ariaLabel?: string | undefined;
-}
-const props = withDefaults(defineProps<Props>(), { size: "md", label: undefined, ariaLabel: undefined });
-
-const emit = defineEmits<{
-  (e: "update:modelValue", v: boolean): void;
-}>();
-</script>
-
-<template>
-  <WpSwitch
-    :model-value="props.modelValue"
-    :size="props.size"
-    :label="props.label"
-    :aria-label="props.ariaLabel ?? props.label"
-    :disabled="props.disabled"
-    :invalid="props.invalid || props.error"
-    @update:model-value="emit('update:modelValue', $event)"
-  />
-</template>
+<script setup lang="ts">
+/**
+ * The manager's on/off switch: the shared WpSwitch at the
+ * manager size, so the canvas and the manager draw one switch. Use it for a
+ * setting that takes effect at once.
+ */
+import WpSwitch from "./WpSwitch.vue";
+
+interface Props {
+  modelValue: boolean;
+  label?: string | undefined;
+  size?: "sm" | "md" | "lg" | undefined;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
+  /** @deprecated use `invalid`. */
+  error?: boolean | undefined;
+  ariaLabel?: string | undefined;
+}
+const props = withDefaults(defineProps<Props>(), { size: "md", label: undefined, ariaLabel: undefined });
+
+const emit = defineEmits<{
+  (e: "update:modelValue", v: boolean): void;
+}>();
+</script>
+
+<template>
+  <WpSwitch
+    :model-value="props.modelValue"
+    :size="props.size"
+    :label="props.label"
+    :aria-label="props.ariaLabel ?? props.label"
+    :disabled="props.disabled"
+    :invalid="props.invalid || props.error"
+    @update:model-value="emit('update:modelValue', $event)"
+  />
+</template>