What is the best way to use pinia with useAsyncData

<script setup lang="ts">
const { fetchNotifications, notifications } = useNotificationsStore();
const { status, refresh } = await useLazyAsyncData(async () => fetchNotifications("DEFAULT").then(() => true));
</script>

<template>
    <p v-if="status === 'success'">
        <span v-for="(notif, i) in notifications" :key="i">
            {{ notif.context }}
        </span>
    </p>
</template>

<script setup lang="ts">
const { fetchNotifications, notifications } = useNotificationsStore();
const { status, refresh } = await useLazyAsyncData(async () => fetchNotifications("DEFAULT").then(() => true));
</script>

<template>
    <p v-if="status === 'success'">
        <span v-for="(notif, i) in notifications" :key="i">
            {{ notif.context }}
        </span>
    </p>
</template>