{{ article.title }}
+ ++ + + + {{ interpolate(strings.article.byAuthor, { author: article.author }) }} + +
+
+
{{ article.category.name }}
- {{ article.title }}
+ {{ article.title }}
diff --git a/frontend/app/components/LanguageSwitch.vue b/frontend/app/components/LanguageSwitch.vue new file mode 100644 index 0000000..8e0ab73 --- /dev/null +++ b/frontend/app/components/LanguageSwitch.vue @@ -0,0 +1,37 @@ + + + +
+
+
+
+
+
diff --git a/frontend/app/components/views/CategoryView.vue b/frontend/app/components/views/CategoryView.vue
new file mode 100644
index 0000000..e23ba31
--- /dev/null
+++ b/frontend/app/components/views/CategoryView.vue
@@ -0,0 +1,75 @@
+
+
+
+ {{ strings.blog.archiveKicker }}
+{{ strings.blog.title }}
+{{ strings.blog.loadError }}
+ +{{ strings.blog.loading }}
+ +{{ strings.blog.empty }}
+ + +-
+
-
+
+
+
+
+
+
+
+
diff --git a/frontend/app/components/views/HomeView.vue b/frontend/app/components/views/HomeView.vue
new file mode 100644
index 0000000..ce20daf
--- /dev/null
+++ b/frontend/app/components/views/HomeView.vue
@@ -0,0 +1,200 @@
+
+
+
+ {{ strings.category.kicker }}
+{{ category?.name }}
+{{ strings.category.loadError }}
+ +{{ strings.category.empty }}
+ + +-
+
-
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/app/composables/useLangSwitch.ts b/frontend/app/composables/useLangSwitch.ts
new file mode 100644
index 0000000..35b45c7
--- /dev/null
+++ b/frontend/app/composables/useLangSwitch.ts
@@ -0,0 +1,16 @@
+/**
+ * Shared per-navigation state for the language-switch button in the layout.
+ * Each page sets this on setup: `available` is false when there is no
+ * equivalent page in the other language for the current content (e.g. an
+ * untranslated article, or the Italian-only corralito page) — in that case
+ * `fallback` is where the switch should go instead (typically the other
+ * language's blog index).
+ */
+interface LangSwitchState {
+ available: boolean
+ fallback: string
+}
+
+export function useLangSwitchState() {
+ return useState
+
+ {{ strings.home.heading }}
+ +
+
+
+
+ {{ strings.home.p1 }}
+{{ strings.home.p2 }}
+{{ strings.home.p3 }}
+{{ strings.blog.loadError }}
+ +{{ strings.blog.empty }}
+ + +
+
+
+
+ + {{ featured.category ? featured.category.name : strings.home.fallbackKicker }} +
+
+ {{ featured.title }}
+
+ + +
+
+
- Vai al contenuto
+ {{ strings.skipLink }}
-
@@ -109,6 +121,10 @@
margin-top: 0.6rem;
}
+.lang-switch-header {
+ margin-top: 0.5rem;
+}
+
.site-nav {
margin-top: 1.25rem;
border-top: 1px solid var(--color-border);
diff --git a/frontend/app/middleware/lang-switch.global.ts b/frontend/app/middleware/lang-switch.global.ts
new file mode 100644
index 0000000..8ee7a27
--- /dev/null
+++ b/frontend/app/middleware/lang-switch.global.ts
@@ -0,0 +1,47 @@
+import type { Article, Category } from '#shared/types/blog'
+
+/**
+ * Resolves the language-switch target *before* the layout (and its header,
+ * rendered ahead of the page in document order) mounts — setting this from
+ * inside the page component itself is too late: a parent renders its
+ * children in document order, so the header's LanguageSwitch would already
+ * be resolved before the page's own setup ever runs, translated content or
+ * not. Running as global route middleware guarantees this resolves first.
+ */
+export default defineNuxtRouteMiddleware(async (to) => {
+ const langSwitch = useLangSwitchState()
+ const locale = to.path === '/en' || to.path.startsWith('/en/') ? 'en' : 'it'
+ const bare = locale === 'en' ? to.path.slice(3) || '/' : to.path
+
+ const articleMatch = bare.match(/^\/blog\/([^/]+)$/)
+ const categoryMatch = bare.match(/^\/category\/([^/]+)$/)
+
+ if (articleMatch) {
+ const slug = articleMatch[1]
+ const { data } = await useFetch
- 
Articoli, guide e analisi.
+{{ strings.tagline }}
+
+
{{ article.title }}
- -- - - - Di {{ article.author }} - -
-
-
-
-
-
-
+ L'archivio
-Articoli
-Non è stato possibile caricare gli articoli. Riprova più tardi.
- -Caricamento…
- -Non è stato ancora pubblicato nulla.
- - --
-
-
-
-
-
-
-
-
-
+ Categoria
-{{ category?.name }}
-Non è stato possibile caricare gli articoli. Riprova più tardi.
- -Non ci sono articoli in questa categoria.
- - --
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
- La fine dell'Unione Europea per come l'abbiamo conosciuta.
- -
-
-
-
- - La fine della nostra moneta come moneta forte: la fine di quella moneta che ci ha - dato la vera libertà di viaggiare, consumare e fare. -
-- Una fine che avverrà a seguito di un "incidente" nucleare, al quale farà seguito un - corralito bancario, ossia l'impossibilità, da parte dei cittadini europei, di - disporre liberamente dei propri depositi. -
-- Le monete fiduciarie sono per loro natura cannibalizzanti. Oggi tocca all'euro. - Anche perché le altre hanno praticamente perso tutte tutto. -
-Non è stato possibile caricare gli articoli. Riprova più tardi.
- -Non è stato ancora pubblicato nulla.
- - -
-
-
-
- - {{ featured.category ? featured.category.name : 'Ultimo' }} -
-
- {{ featured.title }}
-
- - -
-
-