mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-26 00:34:01 +00:00
props変更対応
This commit is contained in:
parent
ec75e80f8e
commit
f64096b5d7
|
@ -8,16 +8,22 @@
|
||||||
</q-card>
|
</q-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script setup lang="ts">
|
||||||
export default {
|
import { TaskBaseItem } from 'src/models/task';
|
||||||
name: 'TotalComponent',
|
import { computed } from 'vue';
|
||||||
props: {
|
|
||||||
amount: {
|
|
||||||
type: Number,
|
interface Props {
|
||||||
required: true
|
tasks: TaskBaseItem[];
|
||||||
}
|
}
|
||||||
}
|
|
||||||
};
|
// Props の取得
|
||||||
|
const props = defineProps<Props>();
|
||||||
|
|
||||||
|
const amount = computed(() => {
|
||||||
|
return props.tasks.reduce((acc, task) => acc + task.reward, 0);
|
||||||
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user