|
1 | 1 | <template> |
2 | 2 | <div class="px-4 py-8 bg-blue-50 dark:bg-gray-900 dark:shadow-none min-h-screen"> |
3 | 3 | <h1 class="mb-4 text-xl font-extrabold text-gray-900 dark:text-white md:text-2xl lg:text-3xl"><span |
4 | | - class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">Apartments</span> |
5 | | - Statistics.</h1> |
| 4 | + class="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">{{$t('Apartments')}}</span> |
| 5 | + {{$t('Statistics.')}}</h1> |
6 | 6 |
|
7 | 7 | <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> |
8 | 8 | <div class="max-w-md w-full bg-white rounded-lg shadow dark:bg-gray-800 p-4 md:p-6" v-if="data"> |
9 | 9 | <div class="flex justify-between"> |
10 | 10 | <div> |
11 | 11 | <h5 class="leading-none text-3xl font-bold text-gray-900 dark:text-white pb-2">{{ data.totalAparts }}</h5> |
12 | | - <p class="text-base font-normal text-gray-500 dark:text-gray-400">Apartments last 7 days</p> |
| 12 | + <p class="text-base font-normal text-gray-500 dark:text-gray-400">{{$t('Apartments last 7 days')}}</p> |
13 | 13 | </div> |
14 | 14 |
|
15 | 15 | </div> |
|
21 | 21 |
|
22 | 22 | <div class="grid grid-cols-2 py-3"> |
23 | 23 | <dl> |
24 | | - <dt class="text-base font-normal text-gray-500 dark:text-gray-400 pb-1">Listed price</dt> |
| 24 | + <dt class="text-base font-normal text-gray-500 dark:text-gray-400 pb-1">{{$t('Listed price')}}</dt> |
25 | 25 | <dd |
26 | 26 | class="leading-none text-xl font-bold text-green-500 dark:text-green-400" |
27 | 27 | v-if="data.totalListedPrice" |
|
31 | 31 | </dd> |
32 | 32 | </dl> |
33 | 33 | <dl> |
34 | | - <dt class="text-base font-normal text-gray-500 dark:text-gray-400 pb-1">Unlisted price</dt> |
| 34 | + <dt class="text-base font-normal text-gray-500 dark:text-gray-400 pb-1">{{$t('Unlisted price')}}</dt> |
35 | 35 | <dd class="leading-none text-xl font-bold text-red-600 dark:text-red-500" |
36 | 36 | v-if="data.totalUnlistedPrice" |
37 | 37 | >{{ new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format( |
|
49 | 49 | <div class="flex justify-between mb-5"> |
50 | 50 | <div> |
51 | 51 | <p class="text-base font-normal text-gray-500 dark:text-gray-400"> |
52 | | - Unlisted vs Listed price |
| 52 | + {{$t('Unlisted vs Listed price')}} |
53 | 53 | </p> |
54 | 54 | </div> |
55 | 55 | </div> |
|
0 commit comments