@userfrosting/sprinkle-core 6.0.0-alpha.3 → 6.0.0-alpha.4

package/app/assets/index.d.ts

@@ -2,7 +2,6 @@ export {}
 
 declare module 'vue' {
     interface ComponentCustomProperties {
-        // TODO : Use interface from sprinkle-core
         $t: (key: string, placeholders?: string | number | object) => string
         $tdate: (date: string, format?: string | object) => string
     }

package/app/assets/index.ts

@@ -4,16 +4,23 @@ import { useConfigStore, useTranslator } from './stores'
 /**
  * Core Sprinkle initialization recipe.
  *
- * This recipe is responsible for loading the configuration from the api.
+ * This recipe is responsible for loading the configuration from the api,
+ * loading the translations and register the translator as $t and $tdate global
+ * properties.
  */
 export default {
     install: (app: App) => {
+        /**
+         * Load configuration
+         */
         useConfigStore().load()
 
-        // Load translations & add $t to global properties
-        const { translate, translateDate, load } = useTranslator()
-        load()
-        app.config.globalProperties.$t = translate
-        app.config.globalProperties.$tdate = translateDate
+        /**
+         * Load translations & add $t+$tdate to global properties
+         */
+        const translator = useTranslator()
+        translator.load()
+        app.config.globalProperties.$t = translator.translate
+        app.config.globalProperties.$tdate = translator.translateDate
     }
 }

package/app/assets/routes/index.ts

@@ -0,0 +1,44 @@
+/**
+ * Default error routes.
+ *
+ * N.B.: The first of these routes serve as a catch-all, so 404 not found must
+ * be first.
+ */
+export default [
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'NotFound',
+        meta: {
+            title: 'ERROR.404.TITLE',
+            description: 'ERROR.404.DESCRIPTION'
+        },
+        component: () => import('../views/404NotFound.vue')
+    },
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'Unauthorized',
+        meta: {
+            title: 'ERROR.401.TITLE',
+            description: 'ERROR.401.DESCRIPTION'
+        },
+        component: () => import('../views/401Unauthorized.vue')
+    },
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'Forbidden',
+        meta: {
+            title: 'ERROR.403.TITLE',
+            description: 'ERROR.403.DESCRIPTION'
+        },
+        component: () => import('../views/403Forbidden.vue')
+    },
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'Error',
+        meta: {
+            title: 'ERROR.TITLE',
+            description: 'ERROR.DESCRIPTION'
+        },
+        component: () => import('../views/ErrorPage.vue')
+    }
+]

package/app/assets/views/401Unauthorized.vue

@@ -0,0 +1,3 @@
+<template>
+    <UFErrorPage errorCode="401" />
+</template>

package/app/assets/views/403Forbidden.vue

@@ -0,0 +1,3 @@
+<template>
+    <UFErrorPage errorCode="403" />
+</template>

package/app/assets/views/404NotFound.vue

@@ -0,0 +1,3 @@
+<template>
+    <UFErrorPage errorCode="404" />
+</template>

package/app/assets/views/ErrorPage.vue

@@ -0,0 +1,3 @@
+<template>
+    <UFErrorPage />
+</template>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@userfrosting/sprinkle-core",
-    "version": "6.0.0-alpha.3",
+    "version": "6.0.0-alpha.4",
     "type": "module",
     "description": "Core Sprinkle for UserFrosting",
     "funding": "https://opencollective.com/userfrosting",
@@ -27,7 +27,8 @@
         ".": "./app/assets/index.ts",
         "./interfaces": "./app/assets/interfaces/index.ts",
         "./stores": "./app/assets/stores/index.ts",
-        "./composables": "./app/assets/composables/index.ts"
+        "./composables": "./app/assets/composables/index.ts",
+        "./routes": "./app/assets/routes/index.ts"
     },
     "files": [
         "app/assets/"