feat: made all components reactive

2022-07-05 19:31:05 +03:00
parent 917c21cc84
commit 3c342e4473
15 changed files with 310 additions and 131 deletions
--- a/docs/guide/tabs/examples/TabsDefaultExample.vue
+++ b/docs/guide/tabs/examples/TabsDefaultExample.vue
@@ -1,8 +1,24 @@
 <template>
  <div class="vp-raw">
-    <tabs />
+    <tabs v-model="activeTab">
+      <tab name="first" title="Проверка">
+        Проверка
+      </tab>
+      <tab name="second" title="Проверка1">
+        Проверка 2
+      </tab>
+      <tab name="third" title="Проверка2">
+        Проверка 3
+      </tab>
+      <tab name="fourth" title="Проверка3" :disabled="true">
+        Проверка 4
+      </tab>
+    </tabs>
+    current tab: {{ activeTab }}
  </div>
 </template>
 <script setup>
-import { Tabs } from '../../../../src/index'
+import { ref } from 'vue'
+import { Tabs, Tab } from '../../../../src/index'
+const activeTab = ref('')
 </script>