# Example 3: Counters

Showcasing local and global state: The local state of the counter
components doesn't change when moved inside one grid, but is cleared when
moved to another. The global state is in the `data` attribute
of each item and gets transferred as well. Both grids also have custom
highlights.

<ClientOnly>
<script setup>
import Example3Counters from "../../example/src/Example3Counters.vue";
</script>

<Example3Counters />
</ClientOnly>