daisy-ui-kit 1.0.0 → 1.0.1

package/components/BottomNav.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   size?: string

package/components/Divider.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   horizontal?: boolean

package/components/DrawerLayout.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, reactive } from 'vue'
+import { computed, reactive } from 'vue'
 
 const props = defineProps({
   right: Boolean,

package/components/Dropdown.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   top?: boolean

package/components/Flex.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/FlexItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/Footer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/FooterTitle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/Hero.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/HeroContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/Indicator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 
 interface Props {
   is?: string

package/components/IndicatorItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   is?: string

package/components/InputGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   is?: string

package/components/Kbd.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   size?: 'lg' | 'md' | 'sm' | 'xs'

package/components/Label.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/LabelText.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/LabelTextAlt.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 import Text from './Text.vue'
 
 interface Props {

package/components/Link.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   is?: string

package/components/Mask.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
 import { makeMaskClasses, maskProps } from './Mask.config'
 
 const props = defineProps({

package/components/Menu.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   vertical?: boolean

package/components/MenuItem.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   bordered?: boolean
   hoverBordered?: boolean

package/components/ModalWrapper.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, provide } from 'vue'
+import { computed, provide } from 'vue'
 
 interface Props {
   name: string

package/components/NavButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   active?: boolean

package/components/Navbar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/NavbarCenter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/NavbarEnd.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/NavbarStart.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/Progress.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   value: any

package/components/Prose.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
-
 interface Props {
   fullWidth?: boolean
 }

package/components/RadialProgress.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   value: number | string

package/components/Radio.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, inject } from 'vue'
+import { computed, inject } from 'vue'
 
 const props = defineProps<{
   modelValue?: any
@@ -21,7 +21,8 @@ const emit = defineEmits(['update:modelValue'])
 const radioGroup = inject('radio-group', null)
 
 const _props = computed(() => {
-  if (radioGroup) return Object.assign({}, radioGroup.props, props)
+  if (radioGroup)
+    return Object.assign({}, radioGroup.props, props)
   else return props
 })
 
@@ -40,7 +41,8 @@ const classes = computed(() => {
 
 const currentValue = computed({
   get() {
-    if (radioGroup) return radioGroup.currentValue
+    if (radioGroup)
+      return radioGroup.currentValue
     return props.modelValue
   },
   set(val: string) {
@@ -48,14 +50,13 @@ const currentValue = computed({
     emit('update:modelValue', val)
   },
 })
-
 </script>
 
 <template>
   <input
     v-model="currentValue"
     type="radio"
-    v-bind="{..._props, ...$attrs}"
+    v-bind="{ ..._props, ...$attrs }"
     class="radio"
     :class="classes"
     :value="props.value"

package/components/RadioGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, provide, reactive } from 'vue'
+import { computed, provide, reactive } from 'vue'
 
 const props = defineProps<{
   modelValue?: any

package/components/Range.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   min?: number | string

package/components/RangeMeasure.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   numbered?: boolean

package/components/RangeMeasureTick.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps } from 'vue'
+import { computed } from 'vue'
 import { useTimeoutFn } from '@vueuse/core'
 
 interface Props {

package/components/Rating.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   modelValue?: number | string
@@ -142,8 +142,8 @@ const max = computed(() => parseInt(props.count as string))
         v-if="half"
         type="radio"
         :value="digit"
-        class="mask"
-        :class="[maskClasses, 'mask-half-2', bg]"
+        class="mask mask-half-2"
+        :class="[maskClasses, bg]"
         :checked="modelValue == digit"
         @change="$emit('update:modelValue', digit)"
       >

package/components/Select.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 type Value = string | Record<string, any>
 type Color =
@@ -61,7 +61,8 @@ const computedVModel = computed({
     return props.modelValue
   },
   set: (val) => {
-    if (val === undefined) val = null
+    if (val === undefined)
+      val = null
     if (props.resultAsObject && val != null)
       val = props.options.find(o => props.value(o) === val)
 

package/components/Stack.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineProps, withDefaults } from 'vue'
+import { withDefaults } from 'vue'
 
 interface Props {
   is?: string

package/components/Step.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps<{
   glyph?: string

package/components/Steps.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   vertical?: boolean

package/components/Swap.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, nextTick, ref, watch } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue'
 
 interface Props {
   modelValue?: boolean | null

package/components/Tab.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, inject, withDefaults } from 'vue'
+import { computed, inject, withDefaults } from 'vue'
 
 interface Props {
   is?: string | Object | Function

package/components/TabContent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, inject, withDefaults } from 'vue'
+import { computed, inject, withDefaults } from 'vue'
 
 interface Props {
   is?: any
@@ -15,10 +15,12 @@ const isCurrentTab = computed(() => {
   return tabManager.currentTab === props.name
 })
 
-if (!tabManager.currentTab) tabManager.currentTab = props.name
+if (!tabManager.currentTab)
+  tabManager.currentTab = props.name
 
 const existing = tabManager.tabs.find(t => t === props.name)
-if (!existing) tabManager.tabs.push(props.name)
+if (!existing)
+  tabManager.tabs.push(props.name)
 </script>
 
 <template>

package/components/Tabs.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, inject, withDefaults } from 'vue'
+import { computed, inject, withDefaults } from 'vue'
 import Tab from './Tab.vue'
 
 interface Props {
@@ -26,16 +26,23 @@ const props = withDefaults(defineProps<Props>(), {
 const tabManager: any = inject('tabManager')
 
 const _variant = computed(() => {
-  if (props.bordered || props.variant === 'bordered') return 'bordered'
-  if (props.lifted || props.variant === 'lifted') return 'lifted'
+  if (props.bordered || props.variant === 'bordered')
+    return 'bordered'
+  if (props.lifted || props.variant === 'lifted')
+    return 'lifted'
   return undefined
 })
 const _size = computed(() => {
-  if (props.size) return props.size
-  if (props.lg) return 'lg'
-  if (props.md) return 'md'
-  if (props.sm) return 'sm'
-  if (props.xs) return 'xs'
+  if (props.size)
+    return props.size
+  if (props.lg)
+    return 'lg'
+  if (props.md)
+    return 'md'
+  if (props.sm)
+    return 'sm'
+  if (props.xs)
+    return 'xs'
   return 'md'
 })
 

package/components/TabsManager.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { defineEmits, defineProps, provide, reactive, watch } from 'vue'
+import { provide, reactive, watch } from 'vue'
 
 interface Props {
   tab?: string
@@ -17,7 +17,8 @@ provide('tabManager', manager)
 watch(
   () => props.tab,
   (val) => {
-    if (val !== manager.currentTab) manager.currentTab = val
+    if (val !== manager.currentTab)
+      manager.currentTab = val
   },
 )
 
@@ -25,7 +26,8 @@ watch(
 watch(
   () => manager.currentTab,
   (val) => {
-    if (val !== props.tab) emit('update:tab', val)
+    if (val !== props.tab)
+      emit('update:tab', val)
   },
 )
 </script>

package/components/Text.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   is?: string

package/components/TextArea.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   modelValue?: string

package/components/TextInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps, withDefaults } from 'vue'
+import { computed, withDefaults } from 'vue'
 
 interface Props {
   modelValue?: string

package/components/Toast.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   hAlign?: 'start' | 'center' | 'end'

package/components/Toggle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineEmits, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   modelValue?: any

package/components/Tooltip.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 interface Props {
   tip?: string | number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisy-ui-kit",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "scripts": {
     "build": "nuxi build",