How to add variables from composables as args?

[iamjoross]

Im using Vue3 (composition). How do I add variables that I am using in my component that is coming from a composable? I am trying to have menuIsOpen and menuIsHovered as args.

<template>
  <v-list-subheader v-show="(!menuIsOpen && menuIsHovered) || menuIsOpen" class="nav-menu-section-title text-white">{{
    item.subheader
  }}</v-list-subheader>
  <div class="w-100 d-flex flex-column align-center mt-4">
    <v-divider class="nav-menu-section-title-divider mt-4" v-show="!menuIsOpen && !menuIsHovered"></v-divider>
  </div>
</template>

<script setup>
import useAppConfig from '@/helpers/app'

const props = defineProps({
  item: {
    type: Object,
    required: true,
  },
})

const { menuIsOpen, menuIsHovered } = useAppConfig()
</script>