
        <script setup>
        import { Playground } from "@viteplay/vue"
                
        
            let modules_0 = {}
            import  module_0_0 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CHeader/CHeader.vue"
              modules_0["../CHeader.vue"] = module_0_0
              
            
        </script>
        <template>
          <div>
            <h1>CHeader</h1>
            
            <section>
            <h2 id="basic">Basic</h2>
            <Playground :modules="modules_0" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20CHeader%20from%20'../CHeader.vue'%0Aconst%20actionButtons%20=%20%5B%0A%20%20%7B%0A%20%20%20%20icon:%20'directions_walk',%0A%20%20%20%20text:%20'%E3%83%AD%E3%82%B0%E3%82%A2%E3%82%A6%E3%83%88',%0A%20%20%20%20handler:%20()%20=%3E%20%7B%0A%20%20%20%20%20%20alert('logout')%0A%20%20%20%20%7D,%0A%20%20%20%20visible:%20true,%0A%20%20%7D,%0A%5D%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCHeader%20p_AccountName=%22text%22%20:p_Pankuzu=%22%5B'%E3%83%88%E3%83%83%E3%83%97',%20'%E5%A3%B2%E4%B8%8A'%5D%22%20:p_ActionButtons=%22actionButtons%22%20/%3E%0A%3C/template%3E%0A`)" />
            </section>
              
          </div>
        </template>
      