Add new icon in WEBP format to public directory

app/pages/phim/[slug].vue

@@ -153,7 +153,7 @@ useHead(() => ({
     { name: 'description', content: movie.value ? `Xem ${movie.value.name} online` : 'Xem phim Hàn Quốc online' },
     { property: 'og:title', content: movie.value ? `${movie.value.name} - CineK` : 'CineK' },
     { property: 'og:description', content: movie.value?.content || '' },
-    { property: 'og:image', content: movie.value?.poster || movie.value?.thumb || '/icon.png' },
+    { property: 'og:image', content: movie.value?.poster || movie.value?.thumb || '/icon.webp' },
   ],
 }))
 </script>

app/pages/thanh-vien.vue

@@ -59,7 +59,7 @@ const avatarGrid = computed(() => {
     'viet-nam': ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16'],
   }
   const nums = categoryMap[selectedAvatarCategory.value] || []
-  return nums.map(n => `/avatars/${selectedAvatarCategory.value}/${n}.jpg`)
+  return nums.map(n => `/avatars/${selectedAvatarCategory.value}/${n}.webp`)
 })
 
 const sidebarItems = [

app/pages/xem/[slug].vue

@@ -401,7 +401,7 @@ watch([movie, activeEpisode], () => { if (hasStarted.value) saveWatchHistory() }
 watch(libraryItem, () => { refreshFavoriteState() })
 useHead(() => ({
   title: movie.value ? `Xem ${movie.value.name} - CineK` : 'Đang tải - CineK',
-  meta: [{ name: 'description', content: movie.value ? `Xem ${movie.value.name} online` : '' }, { property: 'og:title', content: movie.value ? `${movie.value.name} - CineK` : 'CineK' }, { property: 'og:image', content: movie.value?.poster || movie.value?.thumb || '/icon.png' }],
+  meta: [{ name: 'description', content: movie.value ? `Xem ${movie.value.name} online` : '' }, { property: 'og:title', content: movie.value ? `${movie.value.name} - CineK` : 'CineK' }, { property: 'og:image', content: movie.value?.poster || movie.value?.thumb || '/icon.webp' }],
 }))
 </script>
 

nuxt.config.ts

@@ -18,15 +18,15 @@ export default defineNuxtConfig({
         { property: 'og:type', content: 'website' },
         { property: 'og:title', content: 'CineK - Xem phim Hàn Quốc online' },
         { property: 'og:description', content: 'Xem phim Hàn Quốc online, phim bộ, phim lẻ, show và nội dung mới cập nhật với trải nghiệm xem mượt trên mọi thiết bị.' },
-        { property: 'og:image', content: '/icon.png' },
+        { property: 'og:image', content: '/icon.webp' },
         { name: 'twitter:card', content: 'summary_large_image' },
         { name: 'twitter:title', content: 'CineK - Xem phim Hàn Quốc online' },
         { name: 'twitter:description', content: 'Kho phim Hàn Quốc online được cập nhật thường xuyên, hỗ trợ Vietsub, thuyết minh và lồng tiếng.' },
         { name: 'theme-color', content: '#020617' },
       ],
       link: [
-        { rel: 'icon', type: 'image/png', href: '/icon.png' },
-        { rel: 'apple-touch-icon', href: '/icon.png' },
+        { rel: 'icon', type: 'image/webp', href: '/icon.webp' },
+        { rel: 'apple-touch-icon', href: '/icon.webp' },
       ],
     },
   },