Nuxt/examples/with-wasm/app.vue

<script setup>
const a = ref(100)
const b = ref(250)

const { data } = await useAsyncData('sum',
  () => $fetch('/api/sum', { params: { a: a.value, b: b.value } })
)
</script>

<template>
  <NuxtExampleLayout show-tips example="with-wasm">
    <p>
      <code>a = 100</code>
    </p>
    <p>
      <code>b = 250</code>
    </p>
    <p>
      Computation performed server-side with WASM :
      <br>
      <code>{{ a }} + {{ b }} = {{ data.sum }}</code>
    </p>

    <template #tips>
      <p>
        This example demonstrates the server-side support of WebAssembly in Nuxt 3.
      </p>
    </template>
  </NuxtExampleLayout>
</template>