Issue with v-if in vue

Hi,

I have a problem with css visualization with ionic 4 and vue. I have this html:

<ion-button v-if="!followed" color="primary" class="userFollow" @click="followed = true">
    Seguir
</ion-button>
<ion-button v-else color="medium" fill="outline" class="userUnFollow" @click="followed = false">
    Siguiendo
</ion-button>

When i try to change status clicking in button, my ion-button its set with visibility:hidden because ionic set this part of code in my html:

<style data-styles="">ion-action-sheet,ion-action-sheet-controller,ion-alert,ion-alert-controller,ion-anchor,ion-app,ion-avatar,ion-back-button,ion-backdrop,ion-badge,ion-button,ion-buttons,ion-card,ion-card-content,ion-card-header,ion-card-subtitle,ion-card-title,ion-checkbox,ion-chip,ion-col,ion-content,ion-datetime,ion-fab,ion-fab-button,ion-fab-list,ion-footer,ion-grid,ion-header,ion-icon,ion-img,ion-infinite-scroll,ion-infinite-scroll-content,ion-input,ion-item,ion-item-divider,ion-item-group,ion-item-option,ion-item-options,ion-item-sliding,ion-label,ion-list,ion-list-header,ion-loading,ion-loading-controller,ion-menu,ion-menu-button,ion-menu-controller,ion-menu-toggle,ion-modal,ion-modal-controller,ion-nav,ion-nav-pop,ion-nav-push,ion-nav-set-root,ion-note,ion-picker,ion-picker-column,ion-picker-controller,ion-popover,ion-popover-controller,ion-progress-bar,ion-radio,ion-radio-group,ion-range,ion-refresher,ion-refresher-content,ion-reorder,ion-reorder-group,ion-ripple-effect,ion-route,ion-route-redirect,ion-router,ion-router-outlet,ion-row,ion-searchbar,ion-segment,ion-segment-button,ion-select,ion-select-option,ion-select-popover,ion-skeleton-text,ion-slide,ion-slides,ion-spinner,ion-split-pane,ion-tab,ion-tab-bar,ion-tab-button,ion-tabs,ion-text,ion-textarea,ion-thumbnail,ion-title,ion-toast,ion-toast-controller,ion-toggle,ion-toolbar,ion-virtual-scroll{visibility:hidden}.hydrated{visibility:inherit}</style>

Any ideas?