Can't wrap f7-list-input with a custom component inside an f7-list

[craigrileyuk]

• Framework7 version: 8.3.4
• Vue.js version: 3.5.13
• Platform and Target: All

Describe the bug

We wanted to wrap the f7-list-input component to add some standard functionality like using v-model instead of v-model:value and being able to show errors with a single prop etc.

However, no descendents of f7-list will work if they are custom components, if causes the list to throw an index error.

Even a simple wrapper component like:

<template>
    <f7-list-input></f7-list-input>
</template>

causes an error.

To Reproduce

• Create an f7-list.
• Create a Vue component wrapper for f7-list-input
• Fails to render

Expected behavior

Application should not error just because you're transparently wrapping Framework7 components

Actual Behavior

List indexing error

[craigrileyuk]

For any future searchers, there's a workaround:

<template>
	<f7-list-item>Item</f7-list-item>
</template>

<script setup>
defineOptions({
	name: 'f7-list-item',
});
</script>

It seems that the list component filters out any vnode children that don't have tags like 'f7-list-item', so if you override the default and force it to share that tag, it'll work.