github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-10-27 06:31:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use Vue setup directive (#2165)

Browse Source
This commit is contained in:
qwerty287
2023-08-08 12:22:39 +02:00
committed by GitHub
parent 9cae5709f9
commit 3bdeb47d8c
26 changed files with 582 additions and 981 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/components/repo/pipeline/PipelineItem.vue
View File

@@ -68,9 +68,9 @@
</ListItem>
</template>
<script lang="ts">
<script lang="ts" setup>
import { Tooltip } from 'floating-vue';
import { defineComponent, PropType, toRef } from 'vue';
import { toRef } from 'vue';
import Icon from '~/components/atomic/Icon.vue';
import ListItem from '~/components/atomic/ListItem.vue';
@@ -80,23 +80,10 @@ import PipelineStatusIcon from '~/components/repo/pipeline/PipelineStatusIcon.vu
import usePipeline from '~/compositions/usePipeline';
import { Pipeline } from '~/lib/api/types';
export default defineComponent({
name: 'PipelineItem',
const props = defineProps<{
pipeline: Pipeline;
}>();
components: { Icon, PipelineStatusIcon, ListItem, PipelineRunningIcon, Tooltip },
props: {
pipeline: {
type: Object as PropType<Pipeline>,
required: true,
},
},
setup(props) {
const pipeline = toRef(props, 'pipeline');
const { since, duration, message, prettyRef, created } = usePipeline(pipeline);
return { since, duration, message, prettyRef, pipelineStatusColors, created };
},
});
const pipeline = toRef(props, 'pipeline');
const { since, duration, message, prettyRef, created } = usePipeline(pipeline);
</script>