title: Vue 3 Composition API exported functions parameter dosnt update
body: <p>I just tryed to transform my Component into a Composition API component and realised that the parameter for the exported function dosn't get updated.</p>
  <p>this is my Component:</p>
  <pre><code>export default {
        name: &quot;ListItem&quot;,
        components: {
             ListItemButton,
             InputSwitch
             },
        props:{
             item:{
                  type: Array,
                  required: true
             },
             dragable:{
                  type: Boolean,
                  required: true
             },
             dontShowButtons:{
                  type: Boolean,
                  default: false
             },
             dragItem:{
                  type: Array,
                  default: []
             },
             deaktivierbar:{
                  type: Boolean
             }
        },
        setup(props, context){
             const buttonClicked = ref(false)
             const editMode = ref(false)
             const itemName = ref(&quot;&quot;)
             const itemDescription = ref(&quot;&quot;)
             const canDrag = ref(false)
             const activeState = ref(true)
             
  
             onMounted(()=&gt;{
                  canDrag.value = props.dragable
                  itemName.value = props.item[0]
                  itemDescription.value = props.item[1]
             })
             const { dragStart, dragEnd, checkForDragging, isDragging, showPlaceholder} = useDragFunction(props.dragItem)
  
  
  
  
        
             return{
                  //Variables
                  buttonClicked,
                  isDragging,
                  editMode,
                  itemName,
                  itemDescription,
                  canDrag,
                  showPlaceholder,
                  activeState,   
  
                  //functions
                  dragStart,
                  dragEnd,
  
             }
        }
  </code></pre>
  <p>and this is my exported function:</p>
  <pre><code>    import { ref, computed, watch } from 'vue';
  
  export default function useDragFunction( dragItem){
       const isDragging = ref(false)
       const showPlaceholder = ref(false)
  
       function dragStart(){
            isDragging.value = true
       }
       function dragEnd(){
            isDragging.value = false
       }
       function checkForDragging(){
            if (dragItem.length &gt;0){
                 showPlaceholder.value = true
            }
            else{
                 showPlaceholder.value = false
            }
       } 
  
       return{
            dragStart,
            dragEnd,
            checkForDragging,
            isDragging,
            dragItem,
            showPlaceholder
       }
  }
  </code></pre>
  <p>so when the user starts dragging, the function &quot;checkForDragging()&quot; gets executed. Also the props of the component changes so that the draged Item is stored in the dragItem variable. if i write everything into the component it works fine. if i export it into that function it stopped working. i found out that the passed property &quot;dragItem&quot; is always &quot;[]&quot;. the props value will not get updated. i literally tryed everything but i cant get it to work.</p>