title: How does Computed work in Vue 3 script setup?
body: <p>I'm trying to get <code>computed</code> to work in <code>&lt;script setup&gt;</code>:</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;p&gt;{{ whatever.get() }}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  
  &lt;script setup&gt;
  import {computed} from &quot;vue&quot;;
  
  const whatever = computed({
      get() {
          console.log('check')
          return 'check?';
      }
  })
  &lt;/script&gt;
  </code></pre>
  <p>The <code>console.log()</code> comes through but the <code>return</code> statement seems to throw an error:</p>
  <pre><code>check
  Vue warn]: Unhandled error during execution of render function 
    at &lt;Cms&gt;
  Uncaught TypeError: $setup.whatever.get is not a function
  at Proxy.render (app.js?id=d9e007128724c77a8d69ec76c6c081a0:39550:266)
  at renderComponentRoot (app.js?id=d9e007128724c77a8d69ec76c6c081a0:25902:44)
  at ReactiveEffect.componentUpdateFn [as fn] (app.js?id=d9e007128724c77a8d69ec76c6c081a0:30019:57)
  at ReactiveEffect.run (app.js?id=d9e007128724c77a8d69ec76c6c081a0:23830:29)
  at setupRenderEffect (app.js?id=d9e007128724c77a8d69ec76c6c081a0:30145:9)
  at mountComponent (app.js?id=d9e007128724c77a8d69ec76c6c081a0:29928:9)
  at processComponent (app.js?id=d9e007128724c77a8d69ec76c6c081a0:29886:17)
  at patch (app.js?id=d9e007128724c77a8d69ec76c6c081a0:29487:21)
  at render (app.js?id=d9e007128724c77a8d69ec76c6c081a0:30630:13)
  at mount (app.js?id=d9e007128724c77a8d69ec76c6c081a0:28882:25)
  </code></pre>
  <p>What am I doing wrong?</p>