title: Vue3 template, short path to nested object property
body: <p>How to prepare a property for template? This code throws an error:</p>
  <pre><code>&lt;script setup&gt;
    ...
    const props = defineProps&lt;{ datails: TData }&gt;();
    const value = props.datails.value; // i dont want to use long paths in the template
  &lt;/script&gt;
  
  &lt;template&gt;
    &lt;div&gt;
      &lt;a&gt;{{ value }}&lt;/a&gt;
  ...
  </code></pre>
  <p>The error:
  <code>error  Getting a value from the 'props' in root scope of </code><code> will cause the value to lose reactivity  vue/no-setup-props-destructure</code></p>
  <p>So how to short paths for data binding in the template please?</p>