···

       
33
       
 
       
        {

     

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

     

       
35
       
 
       
            title: "GitHub",

     

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

     

       
37
       
 
       
        },

     

       
38
       
 
       
        {

     

       
39
       
 
       
            icon: "ri:mastodon-fill",

     

       
40
       
 
       
            title: "Mastodon",

     

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

     

       
42
       
 
       
        },

     

       
43
       
 
       
        {

     

       
44
       
 
       
            icon: "ri:bluesky-fill",

     

       
45
       
 
       
            title: "BlueSky",

     

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

     

       
47
       
 
       
        }

     

       
48
       
 
       
    ].reverse()

     

       
49
       
 
       
);

     
···

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

     

       
89
       
 
       
                    </div>

     

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

     

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

     

       
92
       
-
       
                            {{ item.title }}

     

       
93
       
-
       
                        </NuxtLink>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
94
       
 
       
                    </nav>

     

       
95
       
 
       


     

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

     

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

     

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

     

       
99
       
-
       
                        </NuxtLink>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
100
       
 
       
                    </div>

     

       
101
       
 
       
                </div>

     

       
102
       
 
       
            </header>

     

···

       
33
       
 
       
        {

     

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

     

       
35
       
 
       
            title: "GitHub",

     

       
36
       
+
       
            href: config.links.github

     

       
37
       
 
       
        },

     

       
38
       
 
       
        {

     

       
39
       
 
       
            icon: "ri:mastodon-fill",

     

       
40
       
 
       
            title: "Mastodon",

     

       
41
       
+
       
            href: config.links.mastodon

     

       
42
       
 
       
        },

     

       
43
       
 
       
        {

     

       
44
       
 
       
            icon: "ri:bluesky-fill",

     

       
45
       
 
       
            title: "BlueSky",

     

       
46
       
+
       
            href: config.links.bluesky

     

       
47
       
 
       
        }

     

       
48
       
 
       
    ].reverse()

     

       
49
       
 
       
);

     
···

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

     

       
89
       
 
       
                    </div>

     

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

     

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

     

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

     

       
93
       
+
       
                                {{ item.title }}

     

       
94
       
+
       
                            </NuxtLink>

     

       
95
       
+
       
                        </template>

     

       
96
       
 
       
                    </nav>

     

       
97
       
 
       


     

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

     

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

     

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

     

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

     

       
102
       
+
       
                            </NuxtLink>

     

       
103
       
+
       
                        </template>

     

       
104
       
 
       
                    </div>

     

       
105
       
 
       
                </div>

     

       
106
       
 
       
            </header>

     

···

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

     

       
3
       
 
       
} & {};

     

       
4
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
5
       
 
       
export type BlogConfig = {

     

       
6
       
 
       
    site: string;

     

       
7
       
 
       
    tableOfContents: boolean;

     

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

     

       
9
       
 
       
    title: string;

     

       
10
       
 
       
    author: string;

     

       
11
       
 
       
    meta: {

     
···

       
13
       
 
       
        content: string;

     

       
14
       
 
       
    }[];

     

       
15
       
 
       
    links: {

     

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

     

       
17
       
-
       
        url: string;

     

       
18
       
-
       
    }[];

     

       
0
       
 
       

     

       
19
       
 
       
};

     

       
20
       
 
       


     

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

     
···

       
28
       
 
       
                      acc[provider] = true;

     

       
29
       
 
       
                      return acc;

     

       
30
       
 
       
                  },

     

       
31
       
-
       
                  {} as Record<string, boolean>

     

       
32
       
 
       
              )

     

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

     

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

     
···

       
36
       
 
       
        meta: config.meta ?? [

     

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

     

       
38
       
 
       
        ],

     

       
39
       
-
       
        links: config.links ?? []

     

       
40
       
 
       
    };

     

       
41
       
 
       
}

     

···

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

     

       
3
       
 
       
} & {};

     

       
4
       
 
       


     

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

     

       
6
       
+
       


     

       
7
       
 
       
export type BlogConfig = {

     

       
8
       
 
       
    site: string;

     

       
9
       
 
       
    tableOfContents: boolean;

     

       
10
       
+
       
    sharingProviders: SharingProvider[];

     

       
11
       
 
       
    title: string;

     

       
12
       
 
       
    author: string;

     

       
13
       
 
       
    meta: {

     
···

       
15
       
 
       
        content: string;

     

       
16
       
 
       
    }[];

     

       
17
       
 
       
    links: {

     

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

     

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

     

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

     

       
21
       
+
       
    };

     

       
22
       
 
       
};

     

       
23
       
 
       


     

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

     
···

       
31
       
 
       
                      acc[provider] = true;

     

       
32
       
 
       
                      return acc;

     

       
33
       
 
       
                  },

     

       
34
       
+
       
                  {} as Record<SharingProvider, boolean>

     

       
35
       
 
       
              )

     

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

     

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

     
···

       
39
       
 
       
        meta: config.meta ?? [

     

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

     

       
41
       
 
       
        ],

     

       
42
       
+
       
        links: config.links ?? {}

     

       
43
       
 
       
    };

     

       
44
       
 
       
}