Computed Values

ref – https://www.youtube.com/watch?v=TwN36HU-NQM
hyrule-jobs-6 demo

JobsList.vue

import { computed, defineComponent, PropType } from 'vue'

export default defineComponent({

setup(props) {

const orderedJobs = computed(() => {

return [...props.jobs].sort((a: Job, b: Job) => {

return a[props.order] > a[props.order] ? 1 : -1

})

return { orderedJobs }

} // setup

})

Now that w have orderedJobs data structure, let’s use it in our template:

1	<li v-for="job in orderedJobs" :key="job.id">

Hylia Font & Final Styles

ref – https://www.youtube.com/watch?v=6n4myAZwdxg