q-layout(view='hHh lpR fFf', container)
q-header.card-header.q-px-md.q-py-sm
q-icon(name='img:/_assets/icons/fluent-code.svg', left, size='md')
span Page Source
q-space
transition(name='syncing')
q-spinner-tail.q-mr-sm(
v-show='state.loading > 0'
color='accent'
size='24px'
)
q-btn.q-mr-md(
icon='las la-download'
color='teal-3'
dense
flat
@click='download'
)
q-tooltip(anchor='bottom middle', self='top middle') {{t(`common.actions.download`)}}
q-btn(
icon='las la-times'
color='pink-2'
dense
flat
@click='close'
)
q-tooltip(anchor='bottom middle', self='top middle') {{t(`common.actions.close`)}}
q-page-container
q-page.bg-dark-6.text-white.font-robotomono.pagesource
q-scroll-area(
:thumb-style='thumb'
:bar-style='bar'
:horizontal-thumb-style='{ height: `5px` }'
style="width: 100%; height: calc(100vh - 100px);"
)
pre.q-px-md(v-text='state.content')