AisWorkflowWidget #

<script setup>
  import { computed, ref } from 'vue'
  import AisWorkflowWidget from '@/components/workflow/AisWorkflowWidget.vue'

  const config = useAisAuthConfig()
  const route = useRoute()
  const id = route.query.id || ''

  /* For when user is coming to the form page from within your app (not from workflow) */
  const myDataObject = id ? await useAisFetch(`/data/${id}`) : ref({})

  /* if these query parameters exist (like when coming to the form page from workflow) then use their values, otherwise,
     try retrieving them from your app's data object
   */
  const formId = computed(() => route.query.formId || myDataObject.value?.formId || '')
  const packageId = computed(() => route.query.packageId || myDataObject.value?.packageId || '')
  const signatureId = computed(() => route.query.signatureId || '')
</script>

<template>
  <AisWorkflowWidget :form-id="formId"
                     :package-id="packageId"
                     :signature-id="signatureId"
                     client-id="components"
                     scope="workflow.api.components"
                     :env="config.isProd ? 'prod' : 'test'"></AisWorkflowWidget>
</template>