Use primary color for title

src/pages/work.vue

@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 const appConfig = useAppConfig()
-const getColor = computed(() => appConfig.ui.primary)
+function getColor() {
+  return `text-${appConfig.ui.primary}-500`
+}
 
 useHead({
   title: 'My work • Arthur Danjou',
@@ -52,7 +54,7 @@ const { data: projects } = await useProjects()
               {{ tag }}
             </UBadge>
           </div>
-          <p class="relative z-10 mt-6 flex text-sm font-medium items-center" :class="getColor">
+          <p class="relative z-10 mt-6 flex text-sm font-medium items-center" :class="getColor()">
             <UIcon name="i-ph-link-bold" />
             <span class="ml-2">{{ project.link.replace('https://', '') }}</span>
           </p>