30 lines
592 B
Vue
30 lines
592 B
Vue
<template>
|
|
<vue-draggable-resizable
|
|
style="z-index: 5;"
|
|
:x="100"
|
|
:y="100"
|
|
:w="1000"
|
|
>
|
|
<t-button
|
|
type="button"
|
|
v-for="(char, keyChar) in $store.getters.charCodes"
|
|
:key="keyChar"
|
|
class="border-gray-200 p-2 min-h-0"
|
|
@click="onCharChange(char)"
|
|
>{{ char }}</t-button>
|
|
</vue-draggable-resizable>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "CharPicker",
|
|
async created() {},
|
|
props: ["canvasX", "canvasY"],
|
|
methods: {
|
|
onCharChange(char) {
|
|
this.$store.commit("changeChar", char);
|
|
},
|
|
},
|
|
};
|
|
</script>
|