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

<!-- <script>
import Demo1 from "./components/Demo1.vue";
import Demo2 from './components/Demo2.vue';
export default {
  data() {
    return {};
  },
  components: {
    Demo1,
    Demo2
  },
  created() {
    console.log(this)
  }
};
</script> -->

<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';
import Demo13 from './components/Demo13.vue';
</script>
<style>
</style>