async_component_error.vue
No OneTemporary
Actions

Size

695 B

Referenced Files

None

Subscribers

None

async_component_error.vue
View Options

	<template>
	<div class="async-component-error">
	<div>
	<h4>
	{{ $t('general.generic_error') }}
	</h4>
	<p>
	{{ $t('general.error_retry') }}
	</p>
	<button
	class="btn button-default"
	@click="retry"
	>
	{{ $t('general.retry') }}
	</button>
	</div>
	</div>
	</template>

	<script>
	export default {
	emits: ['resetAsyncComponent'],
	methods: {
	retry () {
	this.$emit('resetAsyncComponent')
	}
	}
	}
	</script>

	<style lang="scss">
	.async-component-error {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;

	.btn {
	margin: 0.5em;
	padding: 0.5em 2em;
	}
	}
	</style>