What is the best practice for using composables without writing logic in components?

I would like to keep my components clean by not writing any logic inside them (only UI). I would like to compose my app of small composition functions. But what is the best practice for this? How should I name my composables?

Should I create TodoList.vue component with useTodoList.js composable? Or should I name my composables useTodoListComponent? Or something else?

    <div>Only UI here...</div>

<script setup>
    import { useComposable } from '@/services/composition/useComposable'
    const { list, getList, update } = $(useComposable(props))