
        <script setup>
        import { IframePreview } from '@viteplay/vue/iframe'
        const code = decodeURI("%3Cscript%20setup%20lang=%22ts%22%3E%0Aimport%20%7B%20ref,%20createApp,%20onMounted%20%7D%20from%20'vue'%0Aimport%20CButton%20from%20'../../CButton/CButton.vue'%0Aimport%20%7B%20useCToastPlugin,%20Position%20%7D%20from%20'../index'%0A%0Aconst%20checkbox%20=%20ref(false)%0A%0Aconst%20showToast%20=%20(position:%20Position)%20=%3E%20%7B%0A%20%20useCToastPlugin(%0A%20%20%20%20'%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8%E8%A1%A8%E7%A4%BA%E3%83%86%E3%82%B9%E3%83%88%E7%94%A8',%0A%20%20%20%20position,%0A%20%20%20%200,%0A%20%20%20%20CButton%0A%20%20)%0A%20%20checkbox.value%20=%20true%0A%20%20setTimeout(()%20=%3E%20%7B%0A%20%20%20%20checkbox.value%20=%20false%0A%20%20%7D,%205000)%0A%7D%0A%0Aconst%20test%20=%20()%20=%3E%20%7B%0A%20%20console.log('test')%0A%7D%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3Cdiv%0A%20%20%20%20style=%22width:%20100%25;%20height:%20100vh;%20display:%20flex;%20justify-content:%20center;%20align-items:%20center%22%0A%20%20%3E%0A%20%20%20%20?%0A%20%20%20%20%3CCButton%20@click=%22test()%22%3Eaaaaaa%3C/CButton%3E%0A%20%20%20%20%3CCButton%20@click=%22test()%22%3E%E2%86%91%3C/CButton%3E%0A%20%20%20%20%3CCButton%20@click=%22()%20=%3E%20showToast('bottom')%22%3E%E2%86%93%3C/CButton%3E%0A%20%20%20%20%3CCButton%20@click=%22()%20=%3E%20showToast('right')%22%3E%E2%86%92%3C/CButton%3E%0A%20%20%20%20%3CCButton%20@click=%22()%20=%3E%20showToast('left')%22%3E%E2%86%90%3C/CButton%3E%0A%20%20%3C/div%3E%0A%20%20%3C!--%20%3CCToast%20v-if=%22checkbox%22%20p_message=%22aaaa%22%20:p_closable=%22true%22%3E%3C/CToast%3E%20--%3E%0A%3C/template%3E%0A%3Cstyle%3E%0A/*%20:root%20%7B%0A%20%20--q-primary:%20#5e421d;%0A%7D%20*/%0A%3C/style%3E")

        const modules = {}
        import * as  module_0 from "vue"
          modules["vue"] = module_0
          
import * as  module_1 from "vue"
          modules["vue"] = module_1
          
import * as  module_2 from "vue"
          modules["vue"] = module_2
          
import  module_3 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CButton/CButton.vue"
          modules["../../CButton/CButton.vue"] = module_3
          
import * as  module_4 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CToast/index"
          modules["../index"] = module_4
          
import * as  module_5 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CToast/index"
          modules["../index"] = module_5
          
        </script>

        <template>
          <IframePreview :code="code" :modules="modules" />
        </template>
        