<template>
  <div>
    <Demo12></Demo12>
    <hr><hr><hr>
    <!-- <Demo11></Demo11>
    <hr><hr><hr> -->
    <!-- <Demo10></Demo10>
    <hr><hr><hr> -->
    <!-- <Demo9></Demo9>
    <hr><hr><hr>
    <Demo8></Demo8>
    <hr><hr><hr> -->
    <!-- <Demo7></Demo7>
    <hr><hr><hr>
    <Demo6></Demo6>
    <hr><hr><hr>
    <Demo1></Demo1>
    <hr><hr><hr>
    <Demo2></Demo2>
    <hr><hr><hr>
    <Demo3></Demo3>
    <hr><hr><hr>
    <Demo4></Demo4>
    <hr><hr><hr>
    <Demo5></Demo5> -->
  </div>
</template>

<script setup>
import Demo1 from './components/Demo1.vue';
import Demo2 from './components/Demo2.vue';
import Demo3 from './components/Demo3.vue';
import Demo4 from './components/Demo4.vue';
import Demo5 from './components/Demo5.vue';
import Demo6 from './components/Demo6.vue';
import Demo7 from './components/Demo7.vue';
import Demo8 from './components/Demo8.vue';
import Demo9 from './components/Demo9.vue';
import Demo10 from './components/Demo10.vue';
import Demo11 from './components/Demo11.vue';
import Demo12 from './components/Demo12.vue';
</script>

<style>

</style>