Add a tab to sharing box

hi
i want to add a tab to sharing box and my problem is my vue component ovewrite all content of page and i just only see only one tab in whole page . what is the solution for this?
App.vue:


<AppSidebar
v-show=“show”
title=“eberhard-grossgasteiger-VDw-nsi5TpE-unsplash.jpg”
subtitle=“4,3 MB, last edited 41 days ago”
:starred.sync=“starred”
@close=“close”>

this is the vueexample tab



main.js:
import Vue from ‘vue’
import { translate as t, translatePlural as n } from ‘@nextcloud/l10n’

import App from ‘./App’

// Adding translations to the whole app
Vue.prototype.OC = window.OC
Vue.prototype.OCA = window.OCA
Vue.mixin({
methods: {
t,
n,
},
})

export default new Vue({
el: ‘#content’,
render: h => h(App),
})