Register $t & $tdate as globalProperties

Author: lcharette

app/assets/components/NavBar.vue

@@ -1,15 +1,12 @@
 <script setup>
 import { useRouter } from 'vue-router'
 import { useAuthStore } from '@userfrosting/sprinkle-account/stores'
-import { useConfigStore, useTranslator } from '@userfrosting/sprinkle-core/stores'
+import { useConfigStore } from '@userfrosting/sprinkle-core/stores'
 const router = useRouter()
 const config = useConfigStore()
 
 // Logout API variables
 const auth = useAuthStore()
-
-// Translator
-const { $t } = useTranslator()
 </script>
 
 <template>

app/assets/views/AboutView.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { onMounted } from 'vue'
 import { usePageMeta } from '@userfrosting/sprinkle-core/composables'
-import { useTranslator } from '@userfrosting/sprinkle-core/stores'
-const { $t } = useTranslator()
 const page = usePageMeta()
 
 // Hide the title on this page

app/assets/views/HomeView.vue

@@ -6,10 +6,10 @@ import { useConfigStore, useTranslator } from '@userfrosting/sprinkle-core/store
 
 const auth = useAuthStore()
 const config = useConfigStore()
-const { $t, $tdate } = useTranslator()
+const { translate } = useTranslator()
 
 const helloMsg = computed(() => {
-    return $t('WELCOME_TO', {
+    return translate('WELCOME_TO', {
         title: config.get('site.title'),
         user: auth.user?.full_name ?? '&GUEST'
     })

env.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="@userfrosting/sprinkle-core" />
 /// <reference types="@userfrosting/theme-pink-cupcake/components" />
 /**
  * This is required for webpack to correctly import vue file when using TypeScript.