defineComponent equivalent

<script lang="ts">
import { createPromiseClient } from '@connectrpc/connect';
import { DynamicContentService } from '~/../gen/proto/summit/v1/dynamiccontent_connect.js';
import { transportKey } from '~~/src/keys';
import type { Tutor } from '~~/gen/proto/summit/v1/dynamiccontent_pb';
import type { PromiseClient, Transport } from "@connectrpc/connect"

interface TutorData {
    tutors: Tutor[],
    client: PromiseClient<typeof DynamicContentService> | undefined
}

export default defineComponent({
    setup() {
        const transport = inject<Transport>(transportKey)
        if (!transport) {
            throw new Error("No transport set by provider")
        }
        return { transport }
    },
    data(): TutorData {
        return {
            tutors: [],
            client: undefined
        }
    },
    async mounted() {
        // make service client
        this.client = createPromiseClient(DynamicContentService, this.transport)
        
        // get tutors from client
        this.tutors.push(...(await this.client.listTutors({})).tutors)
    }
})