Commit 4cd886e7 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

refactor: defineModel to unnamed

parent 4809c4e0

README.md

+1 −1
Original line number Diff line number Diff line
@@ -35,7 +35,7 @@ const props = withDefaults(defineProps<IProps>(), { 
   

});    

const emit = defineEmits(['']);  

const visible = defineModel('');  

const visible = defineModel();  

// watch(, () => {});

// const computed1 = computed(() => );

```

src/Playground.vue

+3 −2
Original line number Diff line number Diff line
@@ -192,12 +192,13 @@ const selectOptions = [ 
    value: 'Second',

  },

];

const knob = ref();

const knob = ref(0);

</script>



<template>

  <h2 class="title gradient-text">Playground</h2>

  <Knob v-model:value="knob" />

  {{ knob }}

  <Knob v-model="knob" />

  <Select :options="selectOptions" theme="sky">

    <template #icon-left-First>

      <AtIcon color="#3aa" size="20" />

src/common/interfaces/componentsProps.ts

+6 −0
Original line number Diff line number Diff line
@@ -193,6 +193,12 @@ export interface IButtonProps { 
  darknessTextColor?: TDarkness;

}



export interface IRatingProps {

  count?: number;

  theme?: TThemeColor;

  darknessTheme?: TDarkness;

}



export interface ITSProps {

  size?: TSize;

  theme?: TThemeColorNoWhite;

src/stories/components/Checkbox/Checkbox.vue

+1 −1
Original line number Diff line number Diff line
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<ICheckboxProps>(), { 
  darknessTextColor: '500',

  darknessBorder: '500',

});

const active = defineModel('active');

const active = defineModel();

// watch(, () => {});

const themeColor = computed(() => convertThemeToColor(props.theme, props.darknessTheme));

const activeThemeColor = computed(() => convertThemeToColor(props.activeTheme, props.darknessActiveTheme));

src/stories/components/Knob/Knob.stories.ts

+1 −1
Original line number Diff line number Diff line
@@ -9,7 +9,7 @@ const meta: Meta = { 
  parameters: {

    docs: {

      description: {

        component: 'A component that is used as a Knob. Can be used with icon.',

        component: 'A component to define number inputs with a dial.',

      },

    },

  },