fix: changed psyone.xyz to psyone.dev

Author: Psionyc

.dockerignore

@@ -9,10 +9,11 @@
 **/.next
 **/.nuxt
 **/.output
+**/AGENTS.md
 
 # Dev files
 .data
-.env*
+
 .editorconfig
 
 # CI/CD

.gitignore

@@ -8,6 +8,9 @@ dist
 # Node dependencies
 node_modules
 
+.env.*
+
+
 # Logs
 logs
 *.log

AGENTS.md

@@ -0,0 +1,38 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+- `app/` holds the Nuxt application: UI pieces in `components/`, route shells in `pages/`, reusable logic in `composables/`, and shared styles/assets under `assets/`.
+- `content/` stores Markdown-driven sections surfaced via `@nuxt/content`; author new entries with front matter for titles and ordering.
+- `public/` exposes static files (favicons, manifest, social images) served verbatim.
+- `server/` contains API handlers, email templates, and route middleware; co-locate supporting utilities beside each handler.
+- Localization strings live in `i18n/`; update locale JSON/YAML in tandem with content changes.
+
+## Build, Test, and Development Commands
+- `pnpm install` syncs dependencies (required after pulling lockfile updates).
+- `pnpm dev` runs the Nuxt dev server with HMR at the configured port.
+- `pnpm build` produces the production bundle in `.output/`; pair with `pnpm preview` to smoke-test the build.
+- `pnpm generate` builds static assets for edge deployments.
+- `pnpm lint` and `pnpm lint:fix` enforce ESLint rules; run before every PR.
+- `pnpm typecheck` runs `tsc --noEmit` to catch typing regressions early.
+
+## Coding Style & Naming Conventions
+- Follow the repo `.editorconfig`: 2-space indentation, LF endings, UTF-8 encoding, trailing newline.
+- Prefer composition-friendly Vue components with `<script setup lang="ts">` and PascalCase filenames.
+- Keep composables and utilities in kebab-case files exporting camelCase functions.
+- ESLint extends `@nuxt/eslint-config`; resolve warnings instead of suppressing them.
+
+## Testing Guidelines
+- Add integration or unit tests with Vitest + Nuxt test utils (create `tests/**/*.spec.ts`).
+- Mirror component names in test filenames (`Button.spec.ts`) and arrange describe blocks by feature.
+- Run `pnpm lint` and `pnpm typecheck` at minimum; include Vitest coverage when backend logic changes.
+
+## Commit & Pull Request Guidelines
+- Follow concise, present-tense messages (`feat: add hero carousel`, `fix(contact): guard API errors`).
+- Reference issue IDs when relevant and mention any config or schema migrations.
+- PRs must summarize changes, list verification steps (`pnpm build`, `pnpm lint`), and attach UI screenshots for visible updates.
+- Request review from a maintainer and wait for green CI before merging.
+
+## Environment & Deployment Notes
+- Copy `.env.example` to `.env` for local secrets; never commit secrets.
+- Use `pnpm deploy` (wrapping `nuxthub deploy`) once builds pass locally.
+- Docker assets (`Dockerfile`, `docker-compose.local.yml`) support parity testing; rebuild images after dependency changes.

Dockerfile

@@ -1,27 +1,30 @@
 # Stage 1: Build Stage
-FROM node:22.14.0-alpine AS build
+FROM node:22-alpine AS build
 
 WORKDIR /app
 
+ENV NODE_ENV=production
+
+# Copy package files first for better layer caching
 COPY pnpm-lock.yaml package.json ./
 
 COPY . .
 
 RUN npm install -g corepack@latest
 RUN corepack enable
 
-RUN pnpm install --frozen-lockfile --prod
+RUN pnpm install
 
 RUN pnpm run build
 
 # Stage 2: Final Stage
-FROM node:22.14.0-alpine AS final
+FROM node:22-alpine AS final
 
 WORKDIR /app
 
 COPY --from=build /app/.output .output
 
-RUN apk update && apk add --no-cache curl
+RUN apk update && apk upgrade && apk add --no-cache curl
 
 
 EXPOSE 3000

app/app.config.ts

@@ -8,7 +8,7 @@ export default defineAppConfig({
     job: 'Fullstack Developer',
     email: 'sione.xy@gmail.com',
     phone: '(+234) ',
-    picture: 'https://avatars.githubusercontent.com/u/102559775?v=4',
+    picture: '/profile.webp',
   },
   socials: {
     github: 'https://github.com/Psionyc',
@@ -20,7 +20,7 @@ export default defineAppConfig({
   seo: {
     title: 'Psyone: Fullstack Engineer & Web3 Innovator',
     description: 'Explore the portfolio of Psyone—a fullstack engineer building innovative Web3 solutions and creative digital experiences. Racing and football fan, gym goer, and budding videographer making tech and design run in sync.',
-    url: 'https://psyone.xyz',
+    url: 'https://psyone.dev',
   },
   ui: {
     colors: {
@@ -69,17 +69,12 @@ export default defineAppConfig({
       sizes: '180x180',
       href: '/apple-touch-icon.png',
     },
+  
     {
       rel: 'icon',
       type: 'image/png',
-      sizes: '32x32',
-      href: '/favicon-32x32.png',
-    },
-    {
-      rel: 'icon',
-      type: 'image/png',
-      sizes: '16x16',
-      href: '/favicon-16x16.png',
+      sizes: '96x96',
+      href: '/favicon-96x96.png',
     },
     {
       rel: 'manifest',

app/assets/icons/drizzle.svg

@@ -51,100 +51,36 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
 <template>
   <section class="mx-auto mt-4 flex max-w-4xl flex-col p-7 sm:mt-20">
     <h1 class="font-newsreader italic text-white-shadow text-center text-4xl">
-      <slot
-        name="title"
-        mdc-unwrap="p"
-      />
+      <slot name="title" mdc-unwrap="p" />
     </h1>
     <h2 class="text-center text-lg font-extralight italic text-muted">
-      <slot
-        name="subtitle"
-        mdc-unwrap="p"
-      />
+      <slot name="subtitle" mdc-unwrap="p" />
     </h2>
     <Divider class="mb-8 mt-2" />
     <div class="flex flex-col sm:items-center sm:justify-between">
-      <UForm
-        :state
-        :schema
-        class="flex w-full max-w-[40rem] flex-col gap-3"
-        @submit="onSubmit"
-      >
-        <UFormField
-          label="Fullname"
-          name="fullname"
-          required
-        >
-          <UInput
-            v-model="state.fullname"
-            type="text"
-            autocomplete="name"
-            class="w-full"
-            placeholder="John Doe"
-          />
+      <UForm :state :schema class="flex w-full max-w-[40rem] flex-col gap-3" @submit="onSubmit">
+        <UFormField label="Fullname" name="fullname" required>
+          <UInput v-model="state.fullname" type="text" autocomplete="name" class="w-full" placeholder="John Doe" />
         </UFormField>
 
-        <UFormField
-          label="Email"
-          name="email"
-          required
-        >
-          <UInput
-            v-model="state.email"
-            autocomplete="email"
-            class="w-full"
-            placeholder="john.doe@gmail.com"
-          />
+        <UFormField label="Email" name="email" required>
+          <UInput v-model="state.email" autocomplete="email" class="w-full" placeholder="john.doe@gmail.com" />
         </UFormField>
 
-        <UFormField
-          label="Phone"
-          name="phone"
-        >
-          <UInput
-            v-model="state.phone"
-            autocomplete="tel"
-            class="w-full"
-            placeholder="123-456-7890"
-          />
+        <UFormField label="Phone" name="phone">
+          <UInput v-model="state.phone" autocomplete="tel" class="w-full" placeholder="123-456-7890" />
         </UFormField>
 
-        <UFormField
-          label="Subject"
-          name="subject"
-          required
-        >
-          <UInput
-            v-model="state.subject"
-            class="w-full"
-            :placeholder="$t('contact.subject')"
-          />
+        <UFormField label="Subject" name="subject" required>
+          <UInput v-model="state.subject" class="w-full" :placeholder="$t('contact.subject')" />
         </UFormField>
 
-        <UFormField
-          label="Message"
-          name="message"
-          required
-        >
-          <UTextarea
-            v-model="state.message"
-            autoresize
-            class="w-full"
-            :rows="4"
-            placeholder="Lets work together!"
-          />
+        <UFormField label="Message" name="message" required>
+          <UTextarea v-model="state.message" autoresize class="w-full" :rows="4" placeholder="Lets work together!" />
         </UFormField>
         <div class="flex justify-center">
-          <UTooltip
-            :disabled="isResendEnabled"
-            :text="$t('contact.disabled')"
-          >
-            <UButton
-              :loading
-              :disabled="!isResendEnabled"
-              type="submit"
-              block
-            >
+          <UTooltip :disabled="isResendEnabled" :text="$t('contact.disabled')">
+            <UButton :loading :disabled="!isResendEnabled" type="submit" block>
               {{ $t("contact.submit") }}
             </UButton>
           </UTooltip>
@@ -154,29 +90,15 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
       <div class="flex w-full flex-col items-center justify-between gap-4 sm:flex-row">
         <div class="flex flex-col gap-3">
           <dd class="flex items-center gap-3 text-neutral-400">
-            <UIcon
-              name="heroicons-phone"
-              class="size-6"
-              aria-hidden="true"
-            />
+            <UIcon name="heroicons-phone" class="size-6" aria-hidden="true" />
             <span>
               {{ profile.phone }}
             </span>
           </dd>
           <dd class="flex items-center gap-3 text-neutral-400">
-            <UIcon
-              name="heroicons-envelope"
-              class="size-6"
-              aria-hidden="true"
-            />
-            <UTooltip
-              :text="$t('global.email')"
-              :shortcuts="['⌘', 'O']"
-            >
-              <NuxtLink
-                :to="`mailto:${profile.email}`"
-                class="cursor-pointer transition-colors duration-300"
-              >
+            <UIcon name="heroicons-envelope" class="size-6" aria-hidden="true" />
+            <UTooltip :text="$t('global.email')" :shortcuts="['⌘', 'O']">
+              <NuxtLink :to="`mailto:${profile.email}`" class="cursor-pointer transition-colors duration-300">
                 {{ profile.email }}
               </NuxtLink>
             </UTooltip>