
        <script setup>
        import { IframePreview } from '@viteplay/vue/iframe'
        const code = decodeURI("%3Cscript%20setup%3E%0Aimport%20%7B%20ref%20%7D%20from%20'vue'%0A%0Aconst%20show%20=%20ref(true)%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3Cbutton%20@click=%22show%20=%20!show%22%3EToggle%20Slide%20+%20Fade%3C/button%3E%0A%20%20%3CTransition%20name=%22fade%22%3E%0A%20%20%20%20%3Cp%20v-if=%22show%22%3Ehello%3C/p%3E%0A%20%20%20%20%3Cdiv%20v-if=%22show%22%3Ep_message%3C/div%3E%0A%0A%20%20%20%20%3Cdiv%20v-if=%22show%22%20class=%22test%22%20@click=%22hideToast%22%3E%0A%20%20%20%20%20%20%3Cdiv%3E%7B%7B%20'aaaa'%20%7D%7D%3C/div%3E%0A%20%20%20%20%3C/div%3E%0A%20%20%3C/Transition%3E%0A%3C/template%3E%0A%0A%3Cstyle%3E%0A.test%20%7B%0A%20%20padding:%2010px;%0A%20%20font-size:%2016px;%0A%20%20color:%20#333;%0A%20%20background-color:%20#f0f0f0;%0A%20%20box-shadow:%200%202px%204px%20rgba(0,%200,%200,%200.2);%0A%20%20border-radius:%204px;%0A%20%20margin:%2010px;%0A%7D%0A.fade-enter-active%20%7B%0A%20%20transition:%20opacity%201s%20ease;%0A%7D%0A.fade-enter-from%20%7B%0A%20%20opacity:%200;%0A%7D%0A.fade-leave-active%20%7B%0A%20%20transition:%20opacity%201s%20ease;%0A%7D%0A%0A.fade-leave-to%20%7B%0A%20%20opacity:%200;%0A%7D%0A%3C/style%3E")

        const modules = {}
        import * as  module_0 from "vue"
          modules["vue"] = module_0
          
        </script>

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