dderas-dev-nuxt

Global Pinia store (useAppStore) for theme and language with cookie persistence. Use when changing theme or language, or touching app/stores/app.ts.

Create/edit blog articles in EN/ES - frontmatter, collections, images, Markdown features. Use when writing content under content/{en,es}/blog/.

Auto-imported global and content components plus layouts (default/blog). Use when using/creating components or working with ContentRenderer.

Project composables - useBlog, usePageSeo, useEnterAnimations, useBlogScroll, useGsapAnimations. Use when consuming blog/SEO/animation logic.

CSS custom properties, utility classes and theme colors. Use when editing styles, working in app/assets/styles/*, writing <style scoped>, or touching colors, spacing or typography.

Static data - contact.ts, projects.ts, sidebar-items.ts. Use when displaying contact/projects info or adding navigation items.

GSAP + ScrollTrigger - animateInOnEnter, getMainScroller, useGsapAnimations. Use when adding enter/scroll animations.

Bilingual EN/ES system (useI18n, localePath, locale files). Use when adding UI strings, localized routes, or keys in app/locales/*.json.

Pages, routes, definePageMeta, localized navigation, prerender. Use when creating pages or changing navigation/routing.

Per-page SEO with usePageSeo() and useSiteSeoDefaults(). Use when setting title/description/OG/Twitter meta or working with seo.* keys in locales.

SSR-safe patterns for Nuxt 4 - useAsyncData, useCookie, ClientOnly, hydration, scrollers. Use when facing hydration mismatches or accessing window/document.

Vuetify 4 - themes, @mdi/js icons, useDisplay, components. Use when using v-* components or touching the theme.