修复 src 结构

src/component/menuItem/index.ts

@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import Component from "./index.vue";
+import type { IDefineComponent } from "../type/index";
+
+Component.install = (app: App) => {
+  app.component(Component.name || "LayMenuItem", Component);
+};
+
+export default Component as IDefineComponent;

src/component/menuItem/index.vue

@@ -0,0 +1,35 @@
+<script lang="ts">
+export default {
+  name: "LayMenuItem"
+}
+</script>
+
+<script setup lang="ts">
+import { defineProps, inject, Ref, useSlots } from "vue";
+
+const slots = useSlots();
+
+const props = defineProps<{
+  id: string;
+  title?: string;
+}>();
+
+const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
+
+const selectHandle = function () {
+  selectedKey.value = props.id;
+};
+</script>
+
+<template>
+  <li
+    class="layui-nav-item"
+    :class="[selectedKey === id ? 'layui-this' : '']"
+    @click="selectHandle()"
+  >
+    <a href="javascript:void(0)">
+      <slot v-if="slots.default"></slot>
+      <span v-else>{{ title }}</span>
+    </a>
+  </li>
+</template>