diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-03-11 00:32:51 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-03-11 00:32:51 +0000 |
| commit | 27d85f0cda4d6f71a5a8eab8f416f29f01602b38 (patch) | |
| tree | 13e7c6b1956030170cef6ce5bade5224e56b1c17 /components/base/ItemStackForm.vue | |
| parent | aceef6edd8bd1663249e9d06fc1d4a063add4689 (diff) | |
Add rest of item stack picker
Diffstat (limited to 'components/base/ItemStackForm.vue')
| -rw-r--r-- | components/base/ItemStackForm.vue | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/components/base/ItemStackForm.vue b/components/base/ItemStackForm.vue deleted file mode 100644 index 250e8c9..0000000 --- a/components/base/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 |
