fix: Update image URLs to use CDN links (#759)

close #759

src/composables/useImage.ts

@@ -2,10 +2,10 @@ import type { ComputedRef } from 'vue'
 
 export const searchBarCharacters = computed((): { name: string, url: string }[] => {
   return [
-    { name: '22 娘', url: 'bewly://assets/searchBarCharacters/22chan-1.png' },
-    { name: '33 娘', url: 'bewly://assets/searchBarCharacters/33chan-1.png' },
-    { name: '22 娘', url: 'bewly://assets/searchBarCharacters/22chan-2.png' },
-    { name: '33 娘', url: 'bewly://assets/searchBarCharacters/33chan-2.png' },
+    { name: '22 娘', url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/searchBarCharacters/22chan-1.png' },
+    { name: '33 娘', url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/searchBarCharacters/33chan-1.png' },
+    { name: '22 娘', url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/searchBarCharacters/22chan-2.png' },
+    { name: '33 娘', url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/searchBarCharacters/33chan-2.png' },
   ]
 })
 
@@ -33,59 +33,48 @@ export const wallpapers = computed<Array<{ name: string, url: string, thumbnail:
     },
     {
       name: 'Nicolas Lafargue - Rocky Mountain Cloudscape',
-      url: 'bewly://assets/wallpapers/rocky-mountain-cloudscape.jpg',
-      thumbnail: 'bewly://assets/wallpapers/rocky-mountain-cloudscape-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/rocky-mountain-cloudscape.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/rocky-mountain-cloudscape-thumbnail.jpg',
     },
     {
       name: 'Zongnan Bao- Green white mountains',
-      url: 'bewly://assets/wallpapers/green-white-mountains.jpg',
-      thumbnail: 'bewly://assets/wallpapers/green-white-mountains-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/green-white-mountains.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/green-white-mountains-thumbnail.jpg',
     },
     {
       name: 'Colin Watts - Night Sky Stars',
-      url: 'bewly://assets/wallpapers/night-sky-stars.jpg',
-      thumbnail: 'bewly://assets/wallpapers/night-sky-stars-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/night-sky-stars.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/night-sky-stars-thumbnail.jpg',
     },
     {
       name: 'Ryan Geller - Sailboats moored at Land and Sea Park in The Exumas',
-      url: 'bewly://assets/wallpapers/sailboats-moored-at-the-exumas.jpg',
-      thumbnail: 'bewly://assets/wallpapers/sailboats-moored-at-the-exumas-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/sailboats-moored-at-the-exumas.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/sailboats-moored-at-the-exumas-thumbnail.jpg',
     },
     {
       name: 'NASA - Outer Space Photo',
-      url: 'bewly://assets/wallpapers/outer-space-photo.jpg',
-      thumbnail: 'bewly://assets/wallpapers/outer-space-photo-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/outer-space-photo.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/outer-space-photo-thumbnail.jpg',
     },
     {
       name: 'BML2019 VR (pid: 74271400)',
-      url: 'bewly://assets/wallpapers/bml2019-vr.jpg',
-      thumbnail: 'bewly://assets/wallpapers/bml2019-vr-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/bml2019-vr.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/bml2019-vr-thumbnail.jpg',
     },
     {
       name: '2020 拜年祭活动',
-      url: 'bewly://assets/wallpapers/2020-拜年祭活动.jpg',
-      thumbnail: 'bewly://assets/wallpapers/2020-拜年祭活动-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/2020-拜年祭活动.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/2020-拜年祭活动-thumbnail.jpg',
     },
     {
       name: '2020 BDF',
-      url: 'bewly://assets/wallpapers/2020-bdf.jpg',
-      thumbnail: 'bewly://assets/wallpapers/2020-bdf-thumbnail.jpg',
+      url: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/2020-bdf.jpg',
+      thumbnail: 'https://cdn.jsdelivr.net/gh/BewlyBewly/Imgs/wallpapers/2020-bdf-thumbnail.jpg',
     },
   ]
 })
 
 function getBewlyImage(filePath: string) {
-  // https://stackoverflow.com/a/59818851
-  const isEdge = window.navigator.userAgent.includes('Edg/') // for new edge chromium
-  // https://stackoverflow.com/a/20227975
-  const isDev = !('update_url' in browser.runtime.getManifest())
-
-  if (filePath.includes('bewly://')) {
-    if (isEdge && !isDev)
-      return browser.runtime.getURL(filePath.replace('bewly://', '/')).replace('chrome-extension://', 'extension://')
-    else
-      return browser.runtime.getURL(filePath.replace('bewly://', '/'))
-  }
   return filePath
 }