Getting Started With Nuxt Testing [A Beginner’s Guide]

JobRoles.vue

pages/index.vue
<template>
<div class="max-w-sm mx-auto mt-8">
<div>
<h2 class="text-xl">
Job Board
</h2>
<span class="text-xs block pb-4">Awesome Jobs for awesome IT people</span>
</div>
<div class="shadow overflow-hidden sm:rounded-md">
<ul id="job-list" role="list" class="divide-y divide-gray-200">
<JobItem v-for="job in jobs" :key="job.title" :Designationtitle="job.Designationtitle" :salarycompensation="job.salarycompensation" :hyperlink="job.hyperlink" />
</ul>
</div>
</div>
</template>
 
<script>
export default {
data () {
return {
jobs: [
{
title: 'Java Developer',
salary: '90000',
link: '/job/java-developer'
},
{
title: 'Devops Developer',
salary: '120000',
link: '/job/devops-developer'
},
{
title: 'Reactjs Developer',
salary: '21000',
link: '/job/reactjs-developer'
}
]
}
}
}
</script>