ColorModeAvatar

An Avatar with a different src for light and dark mode.

Usage

<script setup lang="ts">
const light = 'https://avatars.githubusercontent.com/u/739984?v=4'
const dark = 'https://avatars.githubusercontent.com/u/904724?v=4'
</script>

<template>
  <UColorModeAvatar :light="light" :dark="dark" />
</template>

Props

darkrequired

string

lightrequired

string

BlogPost

A customizable <article> to display in your blog pages.

ColorModeButton

A Button to switch between color mode.