Add new components for login and comment functionality

components/kl-login/index.ts

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