Add custom prop for tooltip message

src/components/routes/AdminDashboard.vue

@@ -2,7 +2,7 @@
 	<div class='admin_dashboard'>
 		<div class='admin_dashboard__row'>
 			<div class='admin_dashboard__card admin_dashboard__card--3'>
-				<line-chart background='#f39c12' point='rgb(255, 237, 127)'></line-chart>
+				<line-chart background='#f39c12' point='rgb(255, 237, 127)' tooltip='page view'></line-chart>
 				<div class='admin_dashboard__card__title'>Page views over the past week</div>
 			</div>
 			<div class='admin_dashboard__card admin_dashboard__card--2'>
@@ -20,7 +20,7 @@
 				<div class='admin_dashboard__card__title'>Top threads by page views today</div>
 			</div>
 			<div class='admin_dashboard__card admin_dashboard__card--3'>
-				<line-chart background='#84dec0' point='#1da8ce'></line-chart>
+				<line-chart background='#84dec0' point='#1da8ce' tooltip='new user'></line-chart>
 				<div class='admin_dashboard__card__title'>New users over the past week</div>
 			</div>
 			<div class='admin_dashboard__card admin_dashboard__card--2 admin_dashboard__card--hidden'></div>

src/components/widgets/LineChart.vue

@@ -8,7 +8,7 @@
 			:class='{ "widgets__line_chart__tooltip--show": tooltipShow }'
 			:style='{ "left": tooltipX, "top": tooltipY }'
 		>
-			{{data[tooltipItem].pageViews}} {{data[tooltipItem] | pluralize('page view') }}
+			{{data[tooltipItem].pageViews}} {{data[tooltipItem].pageViews | pluralize(tooltip) }}
 		</div>
 		<svg>
 			<g
@@ -53,7 +53,7 @@
 
 	export default {
 		name: 'LineChart',
-		props: ['point', 'background'],
+		props: ['point', 'background', 'tooltip'],
 		components: { LoadingIcon },
 		data () {
 			let data = [