Add new components for login and comment functionality

components/kl-register/index.ts

@@ -0,0 +1,29 @@
+import { createApp, ref } from 'vue'
+import GlobalPopup from './index.vue'
+
+const popupInstance = ref()
+
+const openRegister = () => {
+  if (!popupInstance.value) {
+    const app = createApp(GlobalPopup, {
+      visible: true,
+      onClose: () => {
+        closeRegister()
+      },
+    })
+
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+    popupInstance.value = app.mount(container)
+  }
+  //   popupInstance.value.$el.innerHTML = content
+}
+
+const closeRegister = () => {
+  if (popupInstance.value) {
+    popupInstance.value.$el.parentNode.removeChild(popupInstance.value.$el)
+    popupInstance.value = null
+  }
+}
+
+export { openRegister, closeRegister }