@cat-factory/app 0.57.0 → 0.58.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/spa-loading-template.html +32 -0
- package/i18n/i18n.config.ts +18 -0
- package/i18n/locales/ja.json +3392 -0
- package/i18n/locales/tr.json +3392 -0
- package/nuxt.config.ts +10 -0
- package/package.json +2 -2
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<!-- Early SPA loading shell painted before the JS bundle parses + Vue mounts
|
|
2
|
+
(Nuxt removes it on mount). Self-contained: main.css/icon fonts aren't loaded
|
|
3
|
+
yet, so styles + spinner are inline pure-CSS. Spinner-only keeps it
|
|
4
|
+
locale-neutral. Wired via app.spaLoadingTemplate in nuxt.config.ts. -->
|
|
5
|
+
<div class="cf-spa-loader" role="status" aria-label="Loading">
|
|
6
|
+
<div class="cf-spa-loader__spinner"></div>
|
|
7
|
+
</div>
|
|
8
|
+
<style>
|
|
9
|
+
.cf-spa-loader {
|
|
10
|
+
position: fixed;
|
|
11
|
+
inset: 0;
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
/* --board-bg / slate-950, matching the board surface AuthGate renders on. */
|
|
16
|
+
background-color: #0b1020;
|
|
17
|
+
}
|
|
18
|
+
.cf-spa-loader__spinner {
|
|
19
|
+
width: 2rem;
|
|
20
|
+
height: 2rem;
|
|
21
|
+
border-radius: 9999px;
|
|
22
|
+
/* Track in slate-700, the active arc in indigo-500 (the app's primary). */
|
|
23
|
+
border: 3px solid #334155;
|
|
24
|
+
border-top-color: #6366f1;
|
|
25
|
+
animation: cf-spa-spin 1s linear infinite;
|
|
26
|
+
}
|
|
27
|
+
@keyframes cf-spa-spin {
|
|
28
|
+
to {
|
|
29
|
+
transform: rotate(360deg);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
</style>
|
package/i18n/i18n.config.ts
CHANGED
|
@@ -66,6 +66,16 @@ export default defineI18nConfig(() => ({
|
|
|
66
66
|
currency: { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol' },
|
|
67
67
|
percent: { style: 'percent', maximumFractionDigits: 1 },
|
|
68
68
|
},
|
|
69
|
+
ja: {
|
|
70
|
+
decimal: { style: 'decimal' },
|
|
71
|
+
currency: { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol' },
|
|
72
|
+
percent: { style: 'percent', maximumFractionDigits: 1 },
|
|
73
|
+
},
|
|
74
|
+
tr: {
|
|
75
|
+
decimal: { style: 'decimal' },
|
|
76
|
+
currency: { style: 'currency', currency: 'USD', currencyDisplay: 'narrowSymbol' },
|
|
77
|
+
percent: { style: 'percent', maximumFractionDigits: 1 },
|
|
78
|
+
},
|
|
69
79
|
},
|
|
70
80
|
datetimeFormats: {
|
|
71
81
|
en: {
|
|
@@ -92,5 +102,13 @@ export default defineI18nConfig(() => ({
|
|
|
92
102
|
short: { dateStyle: 'medium' },
|
|
93
103
|
long: { dateStyle: 'long', timeStyle: 'short' },
|
|
94
104
|
},
|
|
105
|
+
ja: {
|
|
106
|
+
short: { dateStyle: 'medium' },
|
|
107
|
+
long: { dateStyle: 'long', timeStyle: 'short' },
|
|
108
|
+
},
|
|
109
|
+
tr: {
|
|
110
|
+
short: { dateStyle: 'medium' },
|
|
111
|
+
long: { dateStyle: 'long', timeStyle: 'short' },
|
|
112
|
+
},
|
|
95
113
|
},
|
|
96
114
|
}))
|