Sha256: 6904aa5790ae72875e2a9e58f2d404e02dd30f96f56873bb3b6561b63a55afee
Contents?: true
Size: 1.12 KB
Versions: 8
Compression:
Stored size: 1.12 KB
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>{{ name | truncate(40) }}</span>
</router-link>
<uikit-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"
>
<uikit-icon name="ri-close-line" size="1.25rem" />
</button>
</uikit-confirmation-button>
</div>
</template>
<script>
import { mapActions } from 'vuex'
export default {
name: 'SectionListItem',
props: {
section: { type: Object, required: true },
},
computed: {
name() {
return (
this.$st(
`${this.currentI18nScope}.sections.${this.section.type}.name`,
) || this.section.name
)
},
},
methods: {
...mapActions(['removeSection']),
},
}
</script>
Version data entries
8 entries across 8 versions & 1 rubygems