Sha256: b5528d625fd9d4a61918ee9c4e28320a311fb2ca5974f625f3edf8fe044e5ae8
Contents?: true
Size: 1.11 KB
Versions: 14
Compression:
Stored size: 1.11 KB
Contents
<template>
<Loading v-if="getRuleTask.isRunning"></Loading>
<ErrorMessage v-if="getRuleTask.isError" :error="getRuleTask.last?.error"></ErrorMessage>
<Rule :rule="getRuleTask.last.value" @refresh="refresh" v-if="getRuleTask.last?.value"></Rule>
</template>
<script lang="ts">
import { defineComponent, onMounted, watch } from "vue"
import { generateGetRuleTask } from "@/api-helper"
import ErrorMessage from "@/components/ErrorMessage.vue"
import Loading from "@/components/Loading.vue"
import Rule from "@/components/rule/Rule.vue"
export default defineComponent({
name: "RuleWrapper",
components: {
Rule,
Loading,
ErrorMessage
},
props: {
id: {
type: String,
required: true
}
},
setup(props) {
const getRuleTask = generateGetRuleTask()
const getRule = async () => {
await getRuleTask.perform(props.id)
}
const refresh = async () => {
await getRule()
}
onMounted(async () => {
await getRule()
})
watch(props, async () => {
await getRule()
})
return {
getRuleTask,
refresh
}
}
})
</script>
Version data entries
14 entries across 14 versions & 1 rubygems