<kiss-card class="kiss-margin" v-if="page._id">

    <div class="kiss-text-caption kiss-size-xsmall kiss-text-bold kiss-margin-small-bottom">{{ t('Page Sync') }}</div>

    <div class="kiss-size-small kiss-color-muted kiss-margin-small">{{ t('Sync page to another Cockpit instance') }}</div>

    <button type="button" class="kiss-button kiss-button-small" @click="() => $dialog('sync:assets/dialogs/sync-item.js', {caption: 'Sync page', job: 'pages', context:{}, item: page}, null, {size: 'medium'})">{{ t('Sync page') }}</button>

</kiss-card>

