init

src/components/MessageContent/index.ts

@@ -0,0 +1,3 @@
+import MessageContent from './index.vue';
+
+export { MessageContent };

src/components/MessageContent/index.vue

@@ -0,0 +1,12 @@
+<template></template>
+<script lang="ts">
+  import { useMessage } from 'naive-ui';
+
+  export default {
+    name: 'MessageContent',
+    setup() {
+      //挂载在 window 方便与在js中使用
+      window['$message'] = useMessage();
+    },
+  };
+</script>