diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-03-10 00:13:25 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-03-10 00:13:25 +0000 |
| commit | 9a11e0f4a38297006b89cc7bb2a60734111582e0 (patch) | |
| tree | 5ebddde79e67b659714b5dbdbfcea289f06a4ae5 /src/components/Control/ItemStackForm.vue | |
| parent | 817478f3cf357fc09778d9dc3cf67a667e21f042 (diff) | |
Migrate to nuxt
Diffstat (limited to 'src/components/Control/ItemStackForm.vue')
| -rw-r--r-- | src/components/Control/ItemStackForm.vue | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/src/components/Control/ItemStackForm.vue b/src/components/Control/ItemStackForm.vue deleted file mode 100644 index 250e8c9..0000000 --- a/src/components/Control/ItemStackForm.vue +++ /dev/null @@ -1,50 +0,0 @@ -<script setup lang="ts"> -import { computed } from 'vue'; -import materials from '@/lib/materials'; - -const model = defineModel<any>(); - -if (typeof model.value !== 'object' || model.value === null) { - model.value = {}; -} - -const itemName = computed({ - get() { - return model.value.name; - }, - set(newValue: string) { - model.value.name = newValue; - }, -}); - -const itemType = computed({ - get() { - return model.value.type || model.value.material || model.value.item; - }, - set(newValue: string) { - if (model.value.material) { - model.value.material = newValue; - } else if (model.value.item) { - model.value.item = newValue; - } else { - model.value.type = newValue; - } - }, -}); -</script> - -<template> - <div class="option-group"> - <label for="itemstack-name">Name</label> - <input id="itemstack-name" name="itemstack-name" v-model="itemName" placeholder="Enter a display name" /> - </div> - - <div class="option-group"> - <label for="itemstack-name">Type</label> - <multiselect v-model="itemType" - :options="materials" :searchable="true" placeholder="Choose a material" /> - </div> -</template> - -<style scoped> -</style>
\ No newline at end of file |
