From 74aa4427a61bb659c620aa78aacfc8e4ecc01986 Mon Sep 17 00:00:00 2001
From: portikM <maksym.portianoi@konghq.com>
Date: Fri, 14 Jun 2024 11:40:22 -0400
Subject: [PATCH] docs(usage): minor fix [KHCP-11958]

---
 docs/guide/usage.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/guide/usage.md b/docs/guide/usage.md
index 1f91b4b2bb..346342add5 100644
--- a/docs/guide/usage.md
+++ b/docs/guide/usage.md
@@ -68,23 +68,23 @@ Import and registration can be done individually in the app entry file (e.g. `ma
 ```ts
 // main.ts (or Vue entry file)
 
-import { createApp } from 'vue'
-import { KButton } from '@kong/kongponents'
 // Kongponents rely on vue-bind-once directive to work properly
 // The Kongponents bundle includes the vue-bind-once package so you won't need to install it separately, but it does need to be registered
 import { BindOncePlugin } from 'vue-bind-once'
+import { createApp } from 'vue'
+import { KButton } from '@kong/kongponents'
 import '@kong/kongponents/dist/style.css'
 // If using Vue-CLI and webpack, you can likely use
 // this path instead: import '~@kong/kongponents/dist/style.css'
 
 const app = createApp(App)
 
-// Register an individual Kongponent
-app.component('KButton', KButton)
-
 // Register the vue-bind-once directive as a Vue Plugin
 app.use(BindOncePlugin)
 
+// Register an individual Kongponent
+app.component('KButton', KButton)
+
 app.mount('#app')
 ```