title: Vue 3 - template ref with computed?
body: <p>How may I focus on this simple input example?
  Should I create one more variable <code>const nameRef = ref(null)</code> or there is more beauty way to resolve this?</p>
  <pre><code> &lt;template&gt;
      &lt;input ref=&quot;name&quot; :value=&quot;name&quot; /&gt;
   &lt;/template&gt;
      
   &lt;script&gt;
      import {ref, computed} from 'vue';
      export default {
        props: ['name'],
        setup(props) {
          const name = computed(() =&gt; someTextPrepare(props.name));
      
          // how can I do name.value.focus() for example?
      
          return { name }
        }
      }
  &lt;/script&gt;
  </code></pre>