@lekseek/ui/src/composables/depressed/index.ts

Vue 3 components library

import { computed, PropType, Ref } from 'vue';

export const depressedProps = {
  depressed: {
    type: Boolean as PropType<boolean>,
    default: false,
  },
};

export function useDepressed (depressed: Ref) {
  return computed(() => ({
    'is-depressed': depressed.value,
  }));
};