Sha256: 9683b8a376ac35bf031dc06fc604f742334cd7de91a89e2d3c83110937e94a58
Contents?: true
Size: 933 Bytes
Versions: 15
Compression:
Stored size: 933 Bytes
Contents
<template>
<div
class="bg-gray-100 rounded-md px-4 py-3 flex items-center justify-between text-gray-800 cursor-move"
>
<router-link
:to="{ name: 'editSection', params: { sectionId: section.id } }"
class="flex items-center"
>
<span>{{ section.name | truncate(40) }}</span>
</router-link>
<confirmation-button @confirm="removeSection(section.id)" v-on="$listeners">
<button
class="px-1 py-1 rounded-full bg-gray-600 bg-opacity-0 hover:text-gray-900 text-gray-600 focus:outline-none hover:bg-opacity-10 transition-colors duration-200"
>
<icon name="ri-close-line" size="1.25rem" />
</button>
</confirmation-button>
</div>
</template>
<script>
import { mapActions } from 'vuex'
export default {
name: 'SectionListItem',
props: {
section: { type: Object, required: true },
},
methods: {
...mapActions(['removeSection']),
},
}
</script>
Version data entries
15 entries across 15 versions & 1 rubygems