feat(theme): use twemoji for sidebar icons

.vitepress/config.mts

@@ -11,9 +11,10 @@ import {
 } from './constants'
 import { generateImages, generateMeta, generateFeed } from './hooks'
 import { toggleStarredPlugin } from './markdown/toggleStarred'
-import { base64DecodePlugin } from './markdown/base64'
 import { movePlugin, emojiRender, defs } from './markdown/emoji'
 
+// @unocss-include
+
 const baseUrl = process.env.GITHUB_ACTIONS ? '/FMHYedit' : '/'
 export default defineConfig({
   title: 'FMHY',

.vitepress/constants.ts

@@ -1,4 +1,5 @@
 import type { DefaultTheme } from 'vitepress'
+// @unocss-include
 
 export const meta = {
   name: 'freemediaheckyeah',
@@ -56,46 +57,124 @@ export const socialLinks: DefaultTheme.SocialLink[] = [
 ]
 
 export const sidebar: DefaultTheme.Sidebar | DefaultTheme.NavItemWithLink[] = [
-  { text: '📛 Adblocking / Privacy', link: '/adblockvpnguide' },
-  { text: '🤖 Artificial Intelligence', link: '/ai' },
-  { text: '📺 Movies / TV / Anime', link: '/videopiracyguide' },
-  { text: '🎵 Music / Podcasts / Radio', link: '/audiopiracyguide' },
-  { text: '🎮 Gaming / Emulation', link: '/gamingpiracyguide' },
-  { text: '📗 Books / Comics / Manga', link: '/readingpiracyguide' },
-  { text: '💾 Downloading', link: '/downloadpiracyguide' },
-  { text: '🌀 Torrenting', link: '/torrentpiracyguide' },
-  { text: '🧠 Educational', link: '/edupiracyguide' },
-  { text: '📱 Android / iOS', link: '/android-iosguide' },
-  { text: '🐧 Linux / MacOS', link: '/linuxguide' },
-  { text: '🌍 Non-English', link: '/non-english' },
-  { text: '📂 Miscellaneous', link: '/miscguide' },
   {
-    text: '🔧 Tools',
+    text: '<span class="i-twemoji:name-badge"></span> Adblocking / Privacy',
+    link: '/adblockvpnguide'
+  },
+  {
+    text: '<span class="i-twemoji:robot"></span> Artificial Intelligence',
+    link: '/ai'
+  },
+  {
+    text: '<span class="i-twemoji:television"></span> Movies / TV / Anime',
+    link: '/videopiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:musical-note"></span> Music / Podcasts / Radio',
+    link: '/audiopiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:video-game"></span> Gaming / Emulation',
+    link: '/gamingpiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:green-book"></span> Books / Comics / Manga',
+    link: '/readingpiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:floppy-disk"></span> Downloading',
+    link: '/downloadpiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:cyclone"></span> Torrenting',
+    link: '/torrentpiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:brain"></span> Educational',
+    link: '/edupiracyguide'
+  },
+  {
+    text: '<span class="i-twemoji:mobile-phone"></span> Android / iOS',
+    link: '/android-iosguide'
+  },
+  {
+    text: '<span class="i-twemoji:penguin"></span> Linux / MacOS',
+    link: '/linuxguide'
+  },
+  {
+    text: '<span class="i-twemoji:globe-showing-asia-australia"></span> Non-English',
+    link: '/non-english'
+  },
+  {
+    text: '<span class="i-twemoji:file-folder"></span> Miscellaneous',
+    link: '/miscguide'
+  },
+  {
+    text: '<span class="i-twemoji:wrench"></span> Tools',
     collapsed: false,
     items: [
-      { text: '💻 System Tools', link: '/system-tools' },
-      { text: '🗃️ File Tools', link: '/file-tools' },
-      { text: '🔗 Internet Tools', link: '/internet-tools' },
-      { text: '💬 Social Media Tools', link: '/social-media-tools' },
-      { text: '📝 Text Tools', link: '/text-tools' },
-      { text: '👾 Gaming Tools', link: '/gamingpiracyguide#gaming-tools' },
-      { text: '📷 Image Tools', link: '/img-tools' },
-      { text: '📼 Video Tools', link: '/video-tools' },
-      { text: '🔊 Audio Tools', link: '/audiopiracyguide#audio-tools' },
       {
-        text: '🍎 Educational Tools',
+        text: '<span class="i-twemoji:laptop"></span> System Tools',
+        link: '/system-tools'
+      },
+      {
+        text: '<span class="i-twemoji:card-file-box"></span> File Tools',
+        link: '/file-tools'
+      },
+      {
+        text: '<span class="i-twemoji:paperclip"></span> Internet Tools',
+        link: '/internet-tools'
+      },
+      {
+        text: '<span class="i-twemoji:left-speech-bubble"></span> Social Media Tools',
+        link: '/social-media-tools'
+      },
+      {
+        text: '<span class="i-twemoji:memo"></span> Text Tools',
+        link: '/text-tools'
+      },
+      {
+        text: '<span class="i-twemoji:alien-monster"></span> Gaming Tools',
+        link: '/gamingpiracyguide#gaming-tools'
+      },
+      {
+        text: '<span class="i-twemoji:camera"></span> Image Tools',
+        link: '/img-tools'
+      },
+      {
+        text: '<span class="i-twemoji:videocassette"></span> Video Tools',
+        link: '/video-tools'
+      },
+      {
+        text: '<span class="i-twemoji:speaker-high-volume"></span> Audio Tools',
+        link: '/audiopiracyguide#audio-tools'
+      },
+      {
+        text: '<span class="i-twemoji:red-apple"></span> Educational Tools',
         link: '/edupiracyguide#educational-tools'
       },
-      { text: '👨‍💻 Developer Tools', link: '/devtools' }
+      {
+        text: '<span class="i-twemoji:man-technologist"></span> Developer Tools',
+        link: '/devtools'
+      }
     ]
   },
   {
-    text: '➕️ More',
+    text: '<span class="i-twemoji:plus"></span> More',
     collapsed: true,
     items: [
-      { text: '🔞 NSFW', link: '/nsfwpiracy' },
-      { text: '⚠️ Unsafe Sites', link: '/unsafesites' },
-      { text: '📦 Storage', link: '/storage' }
+      {
+        text: '<span class="i-twemoji:no-one-under-eighteen"></span> NSFW',
+        link: '/nsfwpiracy'
+      },
+      {
+        text: '<span class="i-twemoji:warning"></span> Unsafe Sites',
+        link: '/unsafesites'
+      },
+      {
+        text: '<span class="i-twemoji:package"></span> Storage',
+        link: '/storage'
+      }
     ]
   }
 ]

unocss.config.ts

@@ -1,6 +1,9 @@
 import { defineConfig, presetUno, presetAttributify, presetIcons } from 'unocss'
 
 export default defineConfig({
+  content: {
+    filesystem: ['.vitepress/config.mts', '.vitepress/constants.ts']
+  },
   theme: {
     colors: {
       primary: 'var(--vp-c-brand-1)',