2022-07-12 10:55:28 +02:00
|
|
|
<template>
|
|
|
|
<Story>
|
|
|
|
<Variant title="new">
|
|
|
|
<TagInput v-model="tags" :fetch-tags="fetchTags" />
|
|
|
|
</Variant>
|
|
|
|
<!-- <Variant title="small">
|
|
|
|
<TagInput v-model="tags" />
|
|
|
|
</Variant> -->
|
|
|
|
</Story>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { ITag } from "@/types/tag.model";
|
|
|
|
import { reactive } from "vue";
|
|
|
|
import TagInput from "./TagInput.vue";
|
|
|
|
|
|
|
|
const tags = reactive<ITag[]>([{ title: "Hello", slug: "hello" }]);
|
|
|
|
|
2022-08-26 16:08:58 +02:00
|
|
|
const fetchTags = async () =>
|
|
|
|
new Promise<ITag[]>((resolve) => {
|
2022-07-12 10:55:28 +02:00
|
|
|
resolve([{ title: "Welcome", slug: "welcome" }]);
|
|
|
|
});
|
|
|
|
</script>
|