fix(core): fix form sandbox (#1670)

packages/core/forms/sandbox/App.vue

@@ -23,12 +23,19 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, provide } from 'vue'
 import FieldTester from './FieldTester.vue'
+import { FORMS_API_KEY, VueFormGenerator } from '../src'
+
 // dummy data
 import schema from './schema.json'
 import model from './model.json'
 
+provide(FORMS_API_KEY, {
+  getOne: async () => ({}),
+  getAll: async () => [{}],
+})
+
 const mutableModel = ref(model)
 
 const fieldSchema = {

packages/core/forms/sandbox/index.ts

@@ -1,8 +1,8 @@
-import { createApp, provide } from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 import Kongponents from '@kong/kongponents'
 import '@kong/kongponents/dist/style.css'
-import { FORMS_API_KEY, VueFormGenerator } from '../src'
+import { VueFormGenerator } from '../src'
 
 const app = createApp(App)
 
@@ -11,9 +11,5 @@ app.use(Kongponents)
 // For correct rendering, host app should make the component available
 // globally and provide the API endpoints for autosuggest
 app.component('VueFormGenerator', VueFormGenerator)
-provide(FORMS_API_KEY, {
-  getOne: async () => ({}),
-  getAll: async () => [{}],
-})
 
 app.mount('#app')