TempAccountsOnboardingIntroStep.vue
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

TempAccountsOnboardingIntroStep.vue
View Options

	<template>
	<temp-accounts-onboarding-step
	step-name="temp-accounts"
	:image-aria-label="$i18n(
	'checkuser-temporary-accounts-onboarding-dialog-temp-accounts-step-image-aria-label'
	).text()"
	>
	<template #title>
	{{ $i18n(
	'checkuser-temporary-accounts-onboarding-dialog-temp-accounts-step-title'
	).text() }}
	</template>
	<template #content>
	<!-- eslint-disable vue/no-v-html-->
	<p
	v-for="( paragraph, key ) in paragraphs"
	:key="key"
	v-html="paragraph"
	></p>
	<!-- eslint-enable vue/no-v-html-->
	</template>
	</temp-accounts-onboarding-step>
	</template>

	<script>

	const TempAccountsOnboardingStep = require( './TempAccountsOnboardingStep.vue' );

	// @vue/component
	module.exports = exports = {
	name: 'TempAccountsOnboardingIntroStep',
	compilerOptions: {
	whitespace: 'condense'
	},
	components: {
	TempAccountsOnboardingStep
	},
	setup() {
	// Parse the message as would be for content in a page, such that two newlines creates a new
	// paragraph block.
	const paragraphs = mw.message(
	'checkuser-temporary-accounts-onboarding-dialog-temp-accounts-step-content'
	).parse().split( '\n\n' );

	return { paragraphs };
	}
	};
	</script>