How to make attributes work on the app-input component?

Question

Vue.js

(Using Vue 3)

Hello, I have an app-input component, it looks like this:

<template>
  <div class="input">
    <input type="text">
  </div>
</template>

<script>
...
</script>

Well, it is used like this: Well, the bottom line is that if this component is given some attribute, such as placeholder or value, then it will not work, now I solved this problem using props, but maybe there is some more convenient way, to have the attributes automatically applied to the input tag inside the component?
<app-input/>

Answer 1

https://ru.vuejs.org/v2/api/#inheritAttrs