How can I use the Toast service via CDN?

[selcukkutuk]

Hello,
How can I use the Toast service via CDN?
What I did is listed below.
The dom elements from which toast will be created are created in the body, but toast messages are not added to the relevant message node. I wonder what I'm missing?

JS Side:

const { createApp, ref, computed, onMounted, onUnmounted } = Vue;
const { useToast } = primevue.usetoast;

createApp({
    setup() {
        const toast = useToast();

        function showToast() {
            
            toast.add({ severity: 'info', summary: 'Info Message', detail: 'Message Content', life: 3000 });
        }

        return {
            showToast
        };
    },
    components: {
        "p-toast": primevue.toast
    },
})
    .use(primevue.config.default)
    .use(primevue.toastservice)
    .mount("#app");

HTML Side:

    <div id="app">
        <p-toast position="bottom-right"></p-toast>
        <button type="button" v-on:click="showToast">Show Toast</button>
    </div>

    <script type="text/javascript" src="/lib/primevue/core/core.min.js"></script>
    <script type="text/javascript" src="/lib/primevue/toast/toast.min.js"></script>
    <script type="text/javascript" src="/lib/primevue/toasteventbus/toasteventbus.min.js"></script>
    <script type="text/javascript" src="/lib/primevue/usetoast/usetoast.min.js"></script>
    <script type="text/javascript" src="/lib/primevue/toastservice/toastservice.min.js"></script>

[tugcekucukoglu]

Hello,

HTML side needs an update:

<script src="https://unpkg.com/primevue/core/core.min.js"></script>
<script src="https://unpkg.com/primevue/toast/toast.min.js"></script>
<script src="https://unpkg.com/primevue/toastservice/toastservice.min.js"></script>