新增 模板;更新组件引入

src/components/Base.vue

@@ -0,0 +1,24 @@
+<template></template>
+
+<script>
+import { ref, onMounted, computed } from "vue";
+import { mapState } from "vuex";
+
+export default {
+  setup() {
+    function init() {}
+    function exchangeUrl(icon) {
+      return `/${icon}.png`;
+    }
+    onMounted(() => {
+      init();
+    });
+    return {
+      init,
+      exchangeUrl,
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/main.js

@@ -7,8 +7,20 @@ import store from "./store";
 import md5 from "md5";
 import "./styles/index.scss";
 import NumberVue from "comps/Number.vue";
+import SafetyCard from "comps/SafetyCard.vue";
+import TitleLine from "comps/TitleLine.vue";
+import CargoOwnderCard from "comps/CargoOwnderCard.vue";
+import IconInfo from "comps/IconInfo.vue";
+import ShipOwnerInfo from "comps/ShipOwnerInfo.vue";
+import ShipInfoCard from "comps/ShipInfoCard.vue";
 
 const app = createApp(App);
+app.component("ShipInfoCard", ShipInfoCard);
+app.component("ShipOwnerInfo", ShipOwnerInfo);
+app.component("IconInfo", IconInfo);
+app.component("CargoOwnderCard", CargoOwnderCard);
+app.component("TitleLine", TitleLine);
+app.component("SafetyCard", SafetyCard);
 app.component("NumberVue", NumberVue);
 
 router.beforeEach(async (to, from, next) => {