x-transition in x-bind

[Sulaymon-dev]

it's possible write better this binding ?

  content: {
        ['x-show']() {
            return this.activeTab == this.$el.getAttribute('x-tab-content')
        },
        ['x-transition:enter']: `transition-all transform duration-300  easy-linear `,

        ['x-transition:enter-start']() {
            if (userOptions && userOptions.animation) {
                if (userOptions.animation === 'shift-up') return `opacity-0 block translate-y-2`
                if (userOptions.animation === 'shift-left') return `opacity-0 block translate-x-2`
            } else return `opacity-0 block`
        },

        ['x-transition:enter-end']: `opacity-100  translate-y-0 translate-x-0`,
        ['x-transition:leave']: `transition-all  duration-300  ease-linear hidden`,
        ['x-transition:leave-start']: `opacity-100 `,
        ['x-transition:leave-end']: `opacity-0  `
    }