experiments(dui3): wip ITestBinding + page

packages/dui3/lib/bindings/definitions/testBindings.ts

@@ -2,6 +2,7 @@ export interface ITestBinding {
   sayHi: (name: string, count: number, sayHelloNotHi: boolean) => Promise<string[]>
   goAway: () => Promise<void>
   getComplexType: () => Promise<ComplexType>
+  triggerEvent: (eventName: string) => Promise<void>
   on: <E extends keyof ITestBindingEvents>(
     event: E,
     callback: ITestBindingEvents[E]

packages/dui3/pages/index.vue

@@ -10,6 +10,9 @@
         Hello world! You have
         {{ accounts.length }} accounts.
       </div>
+      <div>
+        <FormButton to="/test">Go To Test Bindings Page</FormButton>
+      </div>
       <div v-for="acc in accounts" :key="acc.accountInfo.id">
         <div class="truncate text-xs">
           {{ acc.accountInfo.userInfo.email }} @

packages/dui3/pages/test.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>Hello test bindings page!</div>
+  <div><FormButton size="xs">sayHi</FormButton></div>
+  <div><FormButton size="xs">goAway</FormButton></div>
+  <div><FormButton size="xs">getComplexType</FormButton></div>
+  <div><FormButton size="xs">SayHi</FormButton></div>
+  <hr />
+  <div><FormButton size="xs">Trigger empty test event</FormButton></div>
+  <div><FormButton size="xs">Trigger test event</FormButton></div>
+</template>
+<script setup lang="ts"></script>