# Example 4: Dynamic lessons

These lessons are loaded from `computed` to simulate a
non-editable source like an API. they are changed using the method
`handleLessonMoved`. Try changing the sizes of Lesson1, the
grid and the texts of the items! The lesson container on the side doesn't
have a highlight and doesn't keep track of the item position. Try moving
`item3` back and forth, the text will change!

<ClientOnly>
<script setup>
import Example4Lessons from "../../example/src/Example4Lessons.vue";
</script>


<Example4Lessons />
</ClientOnly>