@innertia-solutions/innertia-nuxt 0.1.15 → 0.1.17
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.
|
@@ -135,8 +135,8 @@ const taglineLines = computed(() => (marketing.value.tagline ?? '').split('\n'))
|
|
|
135
135
|
<!-- Logo (slot opcional, default: logos del /public del producto) -->
|
|
136
136
|
<div class="relative z-10">
|
|
137
137
|
<slot name="logo">
|
|
138
|
-
<img src="/isologo-light.png" :alt="appConfig.innertia?.branding?.name ?? 'Logo'" class="h-8 dark:hidden" />
|
|
139
|
-
<img src="/isologo-dark.png" :alt="appConfig.innertia?.branding?.name ?? 'Logo'" class="h-8 hidden dark:block" />
|
|
138
|
+
<img :src="'/isologo-light.png'" :alt="appConfig.innertia?.branding?.name ?? 'Logo'" class="h-8 dark:hidden" />
|
|
139
|
+
<img :src="'/isologo-dark.png'" :alt="appConfig.innertia?.branding?.name ?? 'Logo'" class="h-8 hidden dark:block" />
|
|
140
140
|
</slot>
|
|
141
141
|
</div>
|
|
142
142
|
|
|
@@ -27,8 +27,8 @@ function resolveIcon(name?: string) {
|
|
|
27
27
|
<div class="min-h-screen flex flex-col bg-white dark:bg-slate-950">
|
|
28
28
|
<!-- Header con logo -->
|
|
29
29
|
<div class="flex items-center justify-center px-6 pt-10 pb-8">
|
|
30
|
-
<img src="/isologo-light.png" alt="Asetio" class="h-8 dark:hidden" />
|
|
31
|
-
<img src="/isologo-dark.png" alt="Asetio" class="h-8 hidden dark:block" />
|
|
30
|
+
<img :src="'/isologo-light.png'" alt="Asetio" class="h-8 dark:hidden" />
|
|
31
|
+
<img :src="'/isologo-dark.png'" alt="Asetio" class="h-8 hidden dark:block" />
|
|
32
32
|
</div>
|
|
33
33
|
|
|
34
34
|
<!-- Body -->
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useTheme — lee y cambia el tema dark/light.
|
|
3
|
+
*
|
|
4
|
+
* Usa la cookie `hs_theme` para compatibilidad SSR con el plugin appearance.ts
|
|
5
|
+
* y con el componente <AppSwitchColorTheme />.
|
|
6
|
+
*/
|
|
7
|
+
export function useTheme() {
|
|
8
|
+
const cookie = useCookie<'dark' | 'light'>('hs_theme', {
|
|
9
|
+
default: () => 'light',
|
|
10
|
+
sameSite: 'lax',
|
|
11
|
+
maxAge: 60 * 60 * 24 * 365,
|
|
12
|
+
})
|
|
13
|
+
|
|
14
|
+
const isDark = computed(() => cookie.value === 'dark')
|
|
15
|
+
|
|
16
|
+
const toggle = () => {
|
|
17
|
+
const next = cookie.value === 'dark' ? 'light' : 'dark'
|
|
18
|
+
cookie.value = next
|
|
19
|
+
if (import.meta.client) {
|
|
20
|
+
document.documentElement.classList.toggle('dark', next === 'dark')
|
|
21
|
+
localStorage.setItem('hs_theme', next)
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return { isDark, toggle }
|
|
26
|
+
}
|
package/layouts/auth.vue
CHANGED
|
@@ -42,8 +42,8 @@ const branding = computed(() => appConfig.innertia?.branding ?? { name: 'Innerti
|
|
|
42
42
|
<div class="w-full max-w-sm flex">
|
|
43
43
|
<NuxtLink to="/" class="pointer-events-auto">
|
|
44
44
|
<slot name="logo">
|
|
45
|
-
<img src="/isologo-light.png" :alt="branding.name" class="h-7 dark:hidden" />
|
|
46
|
-
<img src="/isologo-dark.png" :alt="branding.name" class="h-7 hidden dark:block" />
|
|
45
|
+
<img :src="'/isologo-light.png'" :alt="branding.name" class="h-7 dark:hidden" />
|
|
46
|
+
<img :src="'/isologo-dark.png'" :alt="branding.name" class="h-7 hidden dark:block" />
|
|
47
47
|
</slot>
|
|
48
48
|
</NuxtLink>
|
|
49
49
|
</div>
|
package/layouts/backoffice.vue
CHANGED
|
@@ -77,8 +77,8 @@ const homeRoute = computed(() => menuItems.value[0]?.route ?? '/')
|
|
|
77
77
|
<div class="flex items-center gap-x-3">
|
|
78
78
|
<slot name="logo">
|
|
79
79
|
<NuxtLink :to="homeRoute" class="flex-none ml-1">
|
|
80
|
-
<img src="/isologo-light.png" class="h-6 w-auto dark:hidden" :alt="branding.name" />
|
|
81
|
-
<img src="/isologo-dark.png" class="h-6 w-auto hidden dark:block" :alt="branding.name" />
|
|
80
|
+
<img :src="'/isologo-light.png'" class="h-6 w-auto dark:hidden" :alt="branding.name" />
|
|
81
|
+
<img :src="'/isologo-dark.png'" class="h-6 w-auto hidden dark:block" :alt="branding.name" />
|
|
82
82
|
</NuxtLink>
|
|
83
83
|
</slot>
|
|
84
84
|
<button
|