diff --git a/package.json b/package.json index d5485cd92aabf043c5f159132782a27251af452a..740c4b64ab60b38013feb9c466b22b5dc5d7e816 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@d.malygin/UI_storybook", - "version": "1.0.11", + "version": "1.0.12", "type": "module", "scripts": { "dev": "vite", diff --git a/src/components/TreeList/TreeItems.vue b/src/components/TreeList/TreeItems.vue index ec20363feaed340b626566f6447a6147a73ee4e3..4c292a37ea943cecd2079cc1f9ad6b283ea3877d 100644 --- a/src/components/TreeList/TreeItems.vue +++ b/src/components/TreeList/TreeItems.vue @@ -5,7 +5,7 @@ import type { ITIProps } from '../../common/interfaces/componentsProps'; import { convertThemeToColor } from '../../common/helpers/common'; defineProps<ITIProps>(); -const emit = defineEmits(['toggleIsOpen', 'onClick']); +defineEmits(['toggleIsOpen', 'onClick']); </script> <template> @@ -29,7 +29,7 @@ const emit = defineEmits(['toggleIsOpen', 'onClick']); pointer: item.children, }, ]" - @click="emit('toggleIsOpen', item)" + @click="$emit('toggleIsOpen', item)" > <TriangleIcon v-if="item.children" @@ -88,7 +88,7 @@ const emit = defineEmits(['toggleIsOpen', 'onClick']); :state="state" :color="color" :themeColor="themeColor" - @toggleIsOpen="emit('toggleIsOpen', $event)" + @toggleIsOpen="$emit('toggleIsOpen', $event)" /> </section> </article> diff --git a/src/components/TreeList/TreeList.vue b/src/components/TreeList/TreeList.vue index 6d6bc87ba2e84d1f844ab9ffab0796ab2e85ea54..3d54e862f984e506a2aab2ef6b084b2789a74760 100644 --- a/src/components/TreeList/TreeList.vue +++ b/src/components/TreeList/TreeList.vue @@ -16,7 +16,7 @@ const props = withDefaults(defineProps<ITLProps>(), { darknessTheme: '500', expand: false, }); -const emit = defineEmits(['onClick']); +defineEmits(['onClick']); const items = computed(() => props.items); const themeColor = computed(() => convertThemeToColor(props.theme, props.darknessTheme)); const color = computed(() => @@ -72,7 +72,7 @@ const toggleIsOpen = (item: ITreeItem) => { :color="color" :themeColor="themeColor" @toggleIsOpen="toggleIsOpen" - @onClick="emit('onClick')" + @onClick="$emit('onClick')" /> </div> </template>