About the slot problem of the vue version

Questions
1

In the list component
I want to insert the f7-icon component and text into after
Use the following methods can not achieve the effect

    <f7-list-item link="#" title="List Title" footer="List Footer">
            <f7-badge slot="media">1</f7-badge>
            <template v-slot:after><f7-icon slot="after" ios="f7:flame" aurora="f7:flame" md="material:person"></f7-icon> after text</template>
          </f7-list-item>
2 
<f7-list-item link="#" title="List Title" footer="List Footer">
            <f7-badge slot="media">1</f7-badge>
            <template v-slot:after>
              <f7-icon ios="f7:flame" aurora="f7:flame" md="material:person"></f7-icon>
               after text
           </template>
          </f7-list-item>
3

Doesn’t seem to be inserted into after
2020-10-01_221840

5

Try <template slot="after"> instead of <template v-slot:after>

6

Still not working, I am using framework7 5.7.12

7

Then just:

<f7-list-item link="#" title="List Title" footer="List Footer">
  <f7-badge slot="media">1</f7-badge>
  
  <f7-icon slot="after" ios="f7:flame" aurora="f7:flame" md="material:person"></f7-icon>
  <span slot="after">After text</span>
  
</f7-list-item>
8

Thank you, it seems I can only do this