From df88a43bbf85966de1577b7d4ee4aa04a1a65cc2 Mon Sep 17 00:00:00 2001
From: GU Yiling <justice360@gmail.com>
Date: Fri, 27 Sep 2024 13:45:50 +0800
Subject: [PATCH] fix(core): fix form sandbox (#1670)

---
 packages/core/forms/sandbox/App.vue  | 9 ++++++++-
 packages/core/forms/sandbox/index.ts | 8 ++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/core/forms/sandbox/App.vue b/packages/core/forms/sandbox/App.vue
index c11294ad11..a8a50e4049 100644
--- a/packages/core/forms/sandbox/App.vue
+++ b/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 = {
diff --git a/packages/core/forms/sandbox/index.ts b/packages/core/forms/sandbox/index.ts
index 3e6b72e406..fbd5066c03 100644
--- a/packages/core/forms/sandbox/index.ts
+++ b/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')