
        <script setup>
        import { IframePreview } from '@viteplay/vue/iframe'
        const code = decodeURI("%3Cscript%20lang=%22ts%22%20setup%3E%0Aimport%20%7B%20ref,%20computed%20%7D%20from%20'vue'%0Aimport%20CPager%20from%20'../CPager.vue'%0A%0Aconst%20pageNrA%20=%20ref(1)%0Aconst%20ShowNrA%20=%20ref(10)%0Aconst%20pageNrB%20=%20ref(1)%0Aconst%20ShowNrB%20=%20ref(10)%0Aconst%20pageNrC%20=%20ref(1)%0Aconst%20ShowNrC%20=%20ref(10)%0Aconst%20p_TableLengthA%20=%20ref(1001)%0Aconst%20p_TableLengthB%20=%20ref(50)%0Aconst%20p_TableLengthC%20=%20ref(1000)%0Aconst%20compNumA%20=%20computed(()%20=%3E%20Math.ceil(p_TableLengthA.value%20/%20ShowNrA.value))%0Aconst%20compNumB%20=%20computed(()%20=%3E%20Math.ceil(p_TableLengthB.value%20/%20ShowNrB.value))%0Aconst%20compNumC%20=%20computed(()%20=%3E%20Math.ceil(p_TableLengthC.value%20/%20ShowNrC.value))%0A%3C/script%3E%0A%0A%0A%0A%3Ctemplate%3E%0A%20%20%3CCPager%0A%20%20%20%20v-model=%22pageNrA%22%0A%20%20%20%20v-model:showDataNum=%22ShowNrA%22%0A%20%20%20%20:p_TableLength=%22p_TableLengthA%22%0A%20%20%20%20:pageCount=%22compNumA%22%0A%20%20/%3E%0A%20%20%3Cdiv%20style=%22padding:%201rem%22%3E%0A%20%20%20%20modelValue:%20%3Ccode%3E%7B%7B%20pageNrA%20%7D%7D%3C/code%3E%0A%20%20%3C/div%3E%0A%0A%20%20%3CCPager%0A%20%20%20%20v-model=%22pageNrB%22%0A%20%20%20%20v-model:showDataNum=%22ShowNrB%22%0A%20%20%20%20:p_TableLength=%22p_TableLengthB%22%0A%20%20%20%20:pageCount=%22compNumB%22%0A%20%20/%3E%0A%20%20%3Cdiv%20style=%22padding:%201rem%22%3E%0A%20%20%20%20modelValue:%20%3Ccode%3E%7B%7B%20pageNrB%20%7D%7D%3C/code%3E%0A%20%20%3C/div%3E%0A%0A%20%20%3CCPager%0A%20%20%20%20v-model=%22pageNrC%22%0A%20%20%20%20v-model:showDataNum=%22ShowNrC%22%0A%20%20%20%20:p_TableLength=%22p_TableLengthC%22%0A%20%20%20%20:pageCount=%22compNumC%22%0A%20%20/%3E%0A%20%20%3Cdiv%20style=%22padding:%201rem%22%3E%0A%20%20%20%20modelValue:%20%3Ccode%3E%7B%7B%20pageNrC%20%7D%7D%3C/code%3E%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/CPager/CPager.vue"
          modules["../CPager.vue"] = module_2
          
        </script>

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