Vue 3 UI Framework

    <template>
      <div class="components">
        <div class="component">
          <va-button @click="btnClick">Submit</va-button>
        </div>

        <div class="component">
          <va-select
            v-model="selectValue"
            :options="options"
            label="Country"
          />
        </div>

        <div class="component">
          <va-slider v-model="sliderValue" />
        </div>

        <div class="component">
          <va-checkbox
            v-model="checkboxValue"
            label="Checkbox"
          />
        </div>
      </div>
    </template>


    <script>
    export default {
      data() {
        return {
          clicksCount: 0,
          checkboxValue: true,
          sliderValue: 45,
          selectValue: Spain,
          options = [
            'Spain',
            'Germany',
            'France',
            'Italy',
            'China',
            'Japan',
            'Poland',
            'Belarus',
            'USA'
          ]
        }
      },

      methods: {
        btnClick() {
          this.clicksCount++
        }
      }
    }
    </script>