<script setup lang="ts">
import { ref } from 'vue'
+
import Button from '@/components/buttons/Button.vue'
import { getFromLocalStorage, setToLocalStorage } from '@/composables'
const id = props.shared === true ? `shared-toggle-button-${props.id}` : `toggle-button-${props.id}`
-const state = ref({
+const state = ref<{ status: boolean }>({
status: getFromLocalStorage<boolean>(id, props.status ?? false)
})
<style>
.on {
background-color: lightgrey;
+ border-style: inset;
}
</style>