How to avoid adding class="" to the last element of a Vue.js loop

Question

In vuejs template, remove tailwind class when looping the last iteration of index.

In template

v-for="(service, index) in getAllServices.home_page_services" :key="index"

In script

<script>
export default {
    mounted() {
        this.$store.dispatch("getHomePageContent")
    },
    computed: {
        getAllServices(){
            return this.$store.getters.getContentFormGetters
        }
    }
}

Answer 1

i can solve it

:class="{ 'lg:border-r-2 lg:border-blue-650': index < getAllServices.home_page_services.length - 1 }"