fix portfolio

Author: w33bvGL

app/app.config.ts

@@ -8,17 +8,13 @@ export default defineAppConfig({
     phone: '+374(94) 161-331',
     address: 'Armenia, Ararat Vedi.vosketap i.hakobyan 28',
     telegram: '@Vahesargsyan2005',
-    available: true,
+    available: false,
     birthday: '2005-03-30',
     experienceStartDate: '2022-01-01'
   },
-  theme: {
-    radius: 0.25,
-    blackAsPrimary: false
-  },
   ui: {
     colors: {
-      primary: 'red',
+      primary: 'blue',
       neutral: 'neutral'
     },
     card: {
@@ -72,12 +68,6 @@ export default defineAppConfig({
         'to': 'https://www.npmjs.com/~vahesargsyan',
         'target': '_blank',
         'aria-label': 'Vahe on NPM'
-      },
-      {
-        'icon': 'i-simple-icons-modrinth',
-        'to': 'https://modrinth.com/user/VaheSargsyan',
-        'target': '_blank',
-        'aria-label': 'Vahe on Modrinth'
       }
     ]
   }

app/app.vue

@@ -2,13 +2,10 @@
 import * as locales from '@nuxt/ui/locale'
 import AppIcons from '~/components/AppIcons.vue'
 
-const appConfig = useAppConfig()
 const colorMode = useColorMode()
 const { locale } = useI18n()
 const color = computed(() => colorMode.value === 'dark' ? '#020618' : 'white')
 
-const blackAsPrimary = computed(() => appConfig.theme.blackAsPrimary ? `:root { --ui-primary: black; } .dark { --ui-primary: white; }` : ':root {}')
-
 useHead({
   meta: [
     { charset: 'utf-8' },
@@ -18,21 +15,16 @@ useHead({
   link: [
     { rel: 'icon', href: '/favicon.ico' }
   ],
-  style: [
-    { innerHTML: blackAsPrimary, id: 'nuxt-ui-black-as-primary', tagPriority: -2 }
-  ],
   htmlAttrs: {
     lang: locale.value
   }
 })
 
-// SEO
 useSeoMeta({
   ogImage: '/avatar-og.jpg',
   twitterImage: '/avatar-og.jpg',
   twitterCard: 'summary'
 })
-
 </script>
 
 <template>

app/components/AppFooter.vue

@@ -7,7 +7,9 @@ const { footer } = useAppConfig()
     :ui="{ left: 'text-xs mt-0', container: 'px-0 md:px-0 lg:px-0 flex flex-row-reverse lg:flex-row w-full justify-between' }"
   >
     <template #left>
-      <p class="text-primary">{{ footer.credits }}</p>
+      <p class="text-primary">
+        {{ footer.credits }}
+      </p>
     </template>
 
     <template #right>

app/components/SeasonalAvatar.vue

@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { NuxtImg } from '#components'
-
 interface Props {
   src: string
   alt: string
@@ -10,22 +7,6 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const month = new Date().getMonth() + 1
-
-const season = computed(() => {
-  if ([12, 1, 2].includes(month)) return 'winter'
-  if ([3, 4, 5].includes(month)) return 'spring'
-  if ([6, 7, 8].includes(month)) return 'summer'
-  return 'autumn'
-})
-
-const seasonalHats: Record<string, string> = {
-  winter: '/avatars/winter.png',
-  spring: '/avatars/spring.png',
-  summer: '/avatars/summer.png',
-  autumn: '/avatars/autumn.png'
-}
-
 const size = computed(() => props.size ?? 112)
 </script>
 
@@ -34,23 +15,13 @@ const size = computed(() => props.size ?? 112)
     :style="{ width: size + 'px', height: size + 'px' }"
     class="relative"
   >
-    <!--    <NuxtImg -->
-    <!--      :src="props.src" -->
-    <!--      :alt="props.alt" -->
-    <!--      :width="size" -->
-    <!--      :height="size" -->
-    <!--      format="webp" -->
-    <!--      class="rounded-full border border-muted w-full h-full" -->
-    <!--    /> -->
-
     <NuxtImg
-      v-if="season"
-      :src="seasonalHats[season]"
+      :src="props.src"
       :alt="props.alt"
       :width="size"
       :height="size"
       format="webp"
-      class="rounded-full border border-muted w-full h-full pointer-events-none select-none"
+      class="rounded-full border border-muted w-full h-full"
     />
   </div>
 </template>