hotomoe/src/client/app/common/views/components/error.vue

<template>
<div class="wjqjnyhzogztorhrdgcpqlkxhkmuetgj">
	<p><fa icon="exclamation-triangle"/> %i18n:common.error.title%</p>
	<ui-button @click="() => $emit('retry')">%i18n:common.error.retry%</ui-button>
</div>
</template>

<style lang="stylus" scoped>
.wjqjnyhzogztorhrdgcpqlkxhkmuetgj
	max-width 350px
	margin 0 auto
	padding 32px
	text-align center
	color var(--text)

	> p
		margin 0 0 8px 0

</style>
Refactor 2018-10-30 09:36:20 +09:00			`<template>`
			`<div class="wjqjnyhzogztorhrdgcpqlkxhkmuetgj">`
[WIP] Use FontAwesome Component for Vue (#3127) * wip * Rename * Clean up * Clean up * wip * wip * Enable tree shaking * :v: * :v: * wip * wip * Clean up 2018-11-06 01:40:11 +09:00			`<p><fa icon="exclamation-triangle"/> %i18n:common.error.title%</p>`
Refactor 2018-10-30 09:36:20 +09:00			`<ui-button @click="() => $emit('retry')">%i18n:common.error.retry%</ui-button>`
			`</div>`
			`</template>`

			`<style lang="stylus" scoped>`
			`.wjqjnyhzogztorhrdgcpqlkxhkmuetgj`
			`max-width 350px`
			`margin 0 auto`
			`padding 32px`
			`text-align center`
			`color var(--text)`

			`> p`
			`margin 0 0 8px 0`

			`</style>`