[Vue] Passing dynamic props and manipulating via controls

[refjord]

Summary

Let`s take a look at that code (example code for simplicity):

Composable:

export default function useTimer() {
   const timeMs = ref()

   const start = () => {
      setInterval(() => {
         timeMs.value += 10
      }, 10)
   }

   return { timeMs, start }

}

Component:

<template>
   {{ time }} 
</template>

<script setup lang="ts">
const { time } = defineProps<{
   time: number
}>()
</script>

The component's time prop is the timeMs ref from above composable.

I've searched the docs but didn't really come to a conclusion:

How would I create a story for above component and trigger the timer on a control button press or similar?
I don't want it running from the beginning using a hook or similar. Any advice?

Additional information

No response

Create a reproduction

No response