Binding icon with :name in SFCs

in Vue (not using <script setup>) I’ve had to do the following using :icon:

<template>
    <IonIcon slot="start" :icon="shareSocialOutline" />
</template>

<script lang="ts">
import { shareSocialOutline } from 'ionicons/icons'

export default {
    setup() {
        return {
            shareSocialOutline
        }
   }
}