@theme-toggles/vue

@theme-toggles/vue

Animated theme toggles for Vue.

Install

npm install @theme-toggles/vue

Use

<script setup lang="ts">
import { ref } from "vue";
import { Classic } from "@theme-toggles/vue";
import "@theme-toggles/vue/styles/classic.css";

const toggled = ref(false);
</script>

<template>
  <!-- Optionally omit `toggled` if your app uses `.dark` on its root to switch themes. -->
  <Classic :toggled="toggled" @click="toggled = !toggled" />
</template>

Browse the full collection of toggles.