插入一个可以双向绑定的文本框再插入一个按钮创建一个函数点击按钮调用函数 生成vue3代码要求script setup结构要求函数用function定义要求函数里不要用this

<template>
  <div>
    <input type="text" v-model="inputValue">
    <button @click="generateVueCode">生成Vue3代码</button>
  </div>
</template>
<script>
export default {
  setup() {
    let inputValue = '';
    
    function generateVueCode() {
      const code = `
        <template>
          <div>
            <input type="text" v-model="inputValue">
            <button @click="generateVueCode">生成Vue3代码</button>
          </div>
        </template>
        
        <script>
        export default {
          setup() {
            let inputValue = '${inputValue}';
            
            function generateVueCode() {
              const code = \`<template>
                <div>
                  <input type="text" v-model="inputValue">
                  <button @click="generateVueCode">生成Vue3代码</button>
                </div>
              </template>

              <script>
              export default {
                setup() {
                  let inputValue = '${inputValue}';
                  
                  function generateVueCode() {
                    const code = ${JSON.stringify(code)};
                    console.log(code);
                  }
                  
                  return { inputValue, generateVueCode };
                }
              }
              </script>\`;
<pre><code>          console.log(code);
        }
        
        return { inputValue, generateVueCode };
      }
    }
    &lt;/script&gt;`;
    
  console.log(code);
}

return { inputValue, generateVueCode };
</code></pre>
<p>}
}
</script></p>