
        <script setup>
        import { IframePreview } from '@viteplay/vue/iframe'
        const code = decodeURI("%3Cscript%20setup%3E%0Aimport%20%7B%20ref,%20watch%20%7D%20from%20'vue'%0Aimport%20CAlertModal%20from%20'../CAlertModal.vue'%0A%0A//%20%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E9%9D%9E%E8%A1%A8%E7%A4%BA%E3%83%95%E3%83%A9%E3%82%B0%E3%82%92%E5%AE%9A%E7%BE%A9%E3%81%99%E3%82%8B%0Aconst%20isModalDispFlag%20=%20ref(false)%0A%0A//%20%E3%83%A2%E3%83%BC%E3%83%80%E3%83%ABv-model%E5%88%9D%E6%9C%9F%E5%80%A4%E3%82%92%E5%AE%9A%E7%BE%A9%E3%81%99%E3%82%8B%0Aconst%20isModalOpen%20=%20ref(false)%0A%0A//%20%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%B9%E3%83%86%E3%83%BC%E3%83%88v-model%E5%88%9D%E6%9C%9F%E5%80%A4%E3%82%92%E5%AE%9A%E7%BE%A9%E3%81%99%E3%82%8B%0Aconst%20isCheckBoxState%20=%20ref(false)%0A%0A/**%0A%20*%20OK%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88%0A%20*%20!%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%B9%E3%83%86%E3%83%BC%E3%83%88v-model%E3%81%8Ctrue%E3%81%AE%E5%A0%B4%E5%90%88%E3%80%81CAlertModal%E3%82%92%E5%B1%95%E9%96%8B%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B%0A%20*/%0Aconst%20clickOkBtn%20=%20()%20=%3E%20%7B%0A%20%20if%20(isCheckBoxState.value)%20isModalDispFlag.value%20=%20true%0A%7D%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3Cbutton%20v-if=%22!isModalDispFlag%22%20@click=%22isModalOpen%20=%20!isModalOpen%22%3Eopen%20modal%3C/button%3E%0A%20%20%3CCAlertModal%0A%20%20%20%20v-model:isModalOpen=%22isModalOpen%22%0A%20%20%20%20v-model:isCheckBoxState=%22isCheckBoxState%22%0A%20%20%20%20p_Title=%22%E3%83%86%E3%82%B9%E3%83%88%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%22%0A%20%20%20%20p_Text=%22%E6%96%BD%E5%B7%A5%E7%8A%B6%E6%85%8B%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E3%82%92%E3%80%8C%E5%B7%A5%E4%BA%8B%E4%BE%9D%E9%A0%BC%E3%80%8D%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E4%BA%8B%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%83%E3%82%AF%E3%81%AB%E7%99%BA%E6%B3%A8%E4%BE%9D%E9%A0%BC%E3%81%8C%E5%AE%8C%E4%BA%86%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%22%0A%20%20%20%20p_BtnLabel=%22OK%22%0A%20%20%20%20@click=%22clickOkBtn%22%0A%20%20/%3E%0A%20%20%3Cdiv%3E%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%B9%E3%83%86%E3%83%BC%E3%83%88:%7B%7B%20isCheckBoxState%20%7D%7D%3C/div%3E%0A%20%20%3Cdiv%20v-if=%22isModalDispFlag%22%3E%0A%20%20%20%20%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%B9%E3%83%86%E3%83%BC%E3%83%88%E3%81%AE%E5%80%A4%E3%81%8Ctrue%E3%81%AE%E7%82%BA%E3%80%81CAlertModal%E3%81%AF%E5%B1%95%E9%96%8B%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%8F%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%0A%20%20%3C/div%3E%0A%3C/template%3E")

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

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