title: Vue 3: `defineProps` are referencing locally declared variables
body: <p>Why I get warning error message:</p>
  <blockquote>
  <p><code>defineProps</code> are referencing locally declared variables.
  eslint(vue/valid-define-props)</p>
  </blockquote>
  <p>when I use custom validator in props with <strong>SFC</strong> <code>&lt;script setup&gt;</code> mode:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;script setup&gt;
  import { validateMarkers } from &quot;./hooks&quot;
  import { defineProps } from 'vue'
  
  const props = defineProps({
    markers: {
      type: [Array, Object],
      validator: validateMarkers
    }
  })
  &lt;/script&gt;
  </code></pre>
  <p>My custom validator:</p>
  <pre><code>export const validateMarkers = (markers) =&gt;
      isNotEmpty(markers)
          ? isObject(markers)
              ? markerValidator(markers)
              : isNotEmptyArray(markers)
              ? markers.every((marker) =&gt; markerValidator(marker))
              : error('Undefined type of prop marker')
          : null
  </code></pre>
  <p>How I can fix this warning?</p>