<script lang=“ts”> import {ref, computed} from “vue”

interface File {

file: string;
steps: [Step];

}

interface Step {

title:     string;
arguments: string[];

}

export default function useStepsFilterTitleSearch(files: [File]) {

let searchQuery = ref<String>("")

const formFilterHandler = (value: String) => {
  searchQuery.value = value
}

const stepsMatchingSearchQuery = computed(() => {
  return files
  // const filteredFiles = files.value.filter(file: File => {
  //   return file.steps.filter(steps => {

  //   })
  // })

  // return filteredFiles
})

return {
  searchQuery,
  formFilterHandler,
  stepsMatchingSearchQuery
}

} </script>