commit 5557a2ba4d51dd86514b4ebefabb6b0074913977 · finxol.io/blog

+13 -9

app/app.vue

···

       33
       33
        
               {

     

       34
       34
        
                   icon: "ant-design:github-filled",

     

       35
       35
        
                   title: "GitHub",

     

       36
       36
       -
                   href: config.links.find((link) => link.name === "github")?.url

     

       36
       36
       +
                   href: config.links.github

     

       37
       37
        
               },

     

       38
       38
        
               {

     

       39
       39
        
                   icon: "ri:mastodon-fill",

     

       40
       40
        
                   title: "Mastodon",

     

       41
       41
       -
                   href: config.links.find((link) => link.name === "mastodon")?.url

     

       41
       41
       +
                   href: config.links.mastodon

     

       42
       42
        
               },

     

       43
       43
        
               {

     

       44
       44
        
                   icon: "ri:bluesky-fill",

     

       45
       45
        
                   title: "BlueSky",

     

       46
       46
       -
                   href: config.links.find((link) => link.name === "bluesky")?.url

     

       46
       46
       +
                   href: config.links.bluesky

     

       47
       47
        
               }

     

       48
       48
        
           ].reverse()

     

       49
       49
        
       );

     
···

       88
       88
        
                               <Icon v-else name="ri:moon-fill" size="1.5rem" mode="svg" />

     

       89
       89
        
                           </div>

     

       90
       90
        
                           <nav :class="['flex items-start gap-4', 'text-gray-800 dark:text-gray-200', 'font-semibold']">

     

       91
       91
       -
                               <NuxtLink v-for="item in pages" :key="item.path" :to="item.path.replace('/pages', '')">

     

       92
       92
       -
                                   {{ item.title }}

     

       93
       93
       -
                               </NuxtLink>

     

       91
       91
       +
                               <template v-for="item in pages" :key="item.path">

     

       92
       92
       +
                                   <NuxtLink v-if="item.title" :to="item.path.replace('/pages', '')">

     

       93
       93
       +
                                       {{ item.title }}

     

       94
       94
       +
                                   </NuxtLink>

     

       95
       95
       +
                               </template>

     

       94
       96
        
                           </nav>

     

       95
       97
        
       

     

       96
       98
        
                           <div class="flex items-center gap-2">

     

       97
       97
       -
                               <NuxtLink v-for="link in links" :key="link.title" :to="link.href" target="_blank" :aria-label="link.title">

     

       98
       98
       -
                                   <Icon :name="link.icon" size="2rem" :title="link.title" />

     

       99
       99
       -
                               </NuxtLink>

     

       99
       99
       +
                               <template v-for="link in links" :key="link.title">

     

       100
       100
       +
                                   <NuxtLink v-if="link.href" :to="link.href" target="_blank" :aria-label="link.title">

     

       101
       101
       +
                                       <Icon :name="link.icon" size="2rem" :title="link.title" />

     

       102
       102
       +
                                   </NuxtLink>

     

       103
       103
       +
                               </template>

     

       100
       104
        
                           </div>

     

       101
       105
        
                       </div>

     

       102
       106
        
                   </header>

+9 -6

globals.ts

···

       2
       2
        
           [K in keyof T]: T[K];

     

       3
       3
        
       } & {};

     

       4
       4
        
       

     

       5
       5
       +
       type SharingProvider = "bluesky" | "clipboard" | "native";

     

       6
       6
       +
       

     

       5
       7
        
       export type BlogConfig = {

     

       6
       8
        
           site: string;

     

       7
       9
        
           tableOfContents: boolean;

     

       8
       8
       -
           sharingProviders: ("bluesky" | "clipboard" | "native")[];

     

       10
       10
       +
           sharingProviders: SharingProvider[];

     

       9
       11
        
           title: string;

     

       10
       12
        
           author: string;

     

       11
       13
        
           meta: {

     
···

       13
       15
        
               content: string;

     

       14
       16
        
           }[];

     

       15
       17
        
           links: {

     

       16
       16
       -
               name: "bluesky" | "github" | "mastodon";

     

       17
       17
       -
               url: string;

     

       18
       18
       -
           }[];

     

       18
       18
       +
               bluesky?: `https://bluesky.app/profile/${string}`;

     

       19
       19
       +
               github?: `https://github.com/${string}`;

     

       20
       20
       +
               mastodon?: `https://${string}/@${string}`;

     

       21
       21
       +
           };

     

       19
       22
        
       };

     

       20
       23
        
       

     

       21
       24
        
       export function defineBlogConfig(config: Prettify<Partial<BlogConfig>>) {

     
···

       28
       31
        
                             acc[provider] = true;

     

       29
       32
        
                             return acc;

     

       30
       33
        
                         },

     

       31
       31
       -
                         {} as Record<string, boolean>

     

       34
       34
       +
                         {} as Record<SharingProvider, boolean>

     

       32
       35
        
                     )

     

       33
       36
        
                   : { bluesky: true, clipboard: true, native: true },

     

       34
       37
        
               title: config.title ?? "My Blog",

     
···

       36
       39
        
               meta: config.meta ?? [

     

       37
       40
        
                   { name: "description", content: "My blog description" }

     

       38
       41
        
               ],

     

       39
       39
       -
               links: config.links ?? []

     

       42
       42
       +
               links: config.links ?? {}

     

       40
       43
        
           };

     

       41
       44
        
       }