<template>
	<div>
		<div class="label">{{ $t('Home.userAgreement') }}</div>
		<button @click="onClickUserAgreement">{{ $t('Home.view') }}</button>
	</div>
	<div>
		<div class="label">{{ $t('Home.privacyPolicy') }}</div>
		<button @click="onClickPrivacy">{{ $t('Home.view') }}</button>
	</div>
</template>

<script setup lang="ts">
	import { computed, ref, onBeforeUnmount, inject } from 'vue'

	const onClickUserAgreement = () => {
		console.log('onClickUserAgreement')
	}
	const onClickPrivacy = () => {
		console.log('onClickPrivacy')
	}
</script>
 
<style lang="less" scoped>
	button {
		width: 7.7rem;
		height: 3rem;
		background-color: transparent;
		border: 0.01rem solid #b5b5b5;
		color: #000;
		font-size: 1.2rem;
		border-radius: 3rem;
	}
</style>
