Can anyone explain what this means?

Can anyone enlighten me as to what this is saying and how I should perhaps go about fixing it?

[Vue warn]: Extraneous non-props attributes (results) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

Or this one:

Component emitted event "submit-data" but it is neither declared in the emits option nor as an "onSubmit-data" prop.

Thanks!

Your component must not have a single root node. Read about fall through attributes here:

Thank you, I appreciate this.

Can you perhaps answer another question for me. I am using the <script setup> composition API. I am passing in a prop and it loads fine but I am unsure about how to do the following:

  1. How can I access the prop in the onMounted() lifecycle hook? Seems like it’s not available by the time it runs?

  2. I have a method that looks like this:

const addRow = (results) => {
  console.log(results)
  results.items.unshift({});
};

However, this gives me an error when I go to add. Results as the prop is loaded in the component and I can see the data of it but this gives me an error.

I would appreciate any help you can give. Thanks!