SetupScript.vue

<script setup>
import { computed, reactive, ref } from'vue'
import { useStore } from'vuex'
import { useRouter } from'vue-router'
importChildfrom'./Child.vue'

constmyObj=reactive({
 foo:'bar',
})

constcount=ref(0)

constdouble=computed(() =>count.value*2)

constanswer=42

conststate2=reactive({
 n:ref(0),
})

functiononClick() {
count.value++
}

constthrows=computed(() => {
thrownewError('oops')
})

conststore=useStore()
constthrowsWithVuex=computed(() =>store.getters.throws)

constrouter=useRouter()
</script>

<template>
 {{ count }}
 {{ double }}

 <button@click="onClick">
 +1
 </button>

 <Child />

 <pre>{{ state2 }}</pre>
</template>