WebIndex/composables/function.ts

export const getAssetURL = (image: string) => {
  // 参数一: 相对路径
  // 参数二: 当前路径的URL
  if (import.meta.client)
    return new URL(`../assets/images/${image}`, import.meta.url).href
  return `/_nuxt/assets/images/${image}`
}

export const debounce = (fn: Function, delay: number) => {
  let timeoutId: NodeJS.Timeout
  return (...args: any[]) => {
    clearTimeout(timeoutId)
    timeoutId = setTimeout(() => {
      fn(...args)
    }, delay)
  }
}

export const setMobileTopColor = () => {
  const lightMeta = document.createElement('meta');
  lightMeta.setAttribute('name', 'theme-color');
  lightMeta.setAttribute('media', '(prefers-color-scheme: light)');
  lightMeta.setAttribute('content', '#60a5fa');

  const darkMeta = document.createElement('meta');
  darkMeta.setAttribute('name', 'theme-color');
  darkMeta.setAttribute('media', '(prefers-color-scheme: dark)');
  darkMeta.setAttribute('content', '#60a5fa');

  document.head.appendChild(lightMeta);
  document.head.appendChild(darkMeta);
}

export const removeMobileTopColor = () => {
  document.querySelectorAll('meta[name="theme-color"]').forEach(meta => meta.remove());
}