2021-05-27 01:14:43 -05:00
|
|
|
<template>
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-16 23:30:54 -05:00
|
|
|
<h2 v-bind:style="{ color, 'text-shadow': '0px 0px 10px ' + color }">
|
|
|
|
|
{{ amount }}
|
|
|
|
|
</h2>
|
2021-05-27 01:14:43 -05:00
|
|
|
</template>
|
|
|
|
|
|
2022-01-13 22:25:47 -06:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { displayResource, Resource } from "@/features/resource";
|
|
|
|
|
import { computed, toRefs } from "vue";
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-16 23:30:54 -05:00
|
|
|
|
2022-01-13 22:25:47 -06:00
|
|
|
const props = toRefs(
|
|
|
|
|
defineProps<{
|
|
|
|
|
resource: Resource;
|
|
|
|
|
color: string;
|
|
|
|
|
}>()
|
|
|
|
|
);
|
2021-05-27 01:14:43 -05:00
|
|
|
|
2022-01-13 22:25:47 -06:00
|
|
|
const amount = computed(() => displayResource(props.resource));
|
|
|
|
|
</script>
|
