保存进度！

code/web/regulatory-management-util/src/App.vue

@@ -1,19 +1,31 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
+    <div>
+        <a
+            href="https://vite.dev"
+            target="_blank"
+        >
+            <img
+                src="/vite.svg"
+                class="logo"
+                alt="Vite logo"
+            >
+        </a>
+        <a
+            href="https://vuejs.org/"
+            target="_blank"
+        >
+            <img
+                src="./assets/vue.svg"
+                class="logo vue"
+                alt="Vue logo"
+            >
+        </a>
+    </div>
+    <HelloWorld msg="Vite ++++ Vue" />
 </template>
-
+<script setup lang="ts">
+import HelloWorld from "./components/HelloWorld.vue";
+</script>
 <style scoped>
 .logo {
   height: 6em;
@@ -21,9 +33,11 @@ import HelloWorld from './components/HelloWorld.vue'
   will-change: filter;
   transition: filter 300ms;
 }
+
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
 }
+
 .logo.vue:hover {
   filter: drop-shadow(0 0 2em #42b883aa);
 }

code/web/regulatory-management-util/src/components/HelloWorld.vue

@@ -1,37 +1,44 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from "vue";
 
-defineProps<{ msg: string }>()
+defineProps<{ msg: string }>();
 
-const count = ref(0)
+const count = ref( 0 );
 </script>
 
 <template>
-  <h1>{{ msg }}</h1>
+    <h1>{{ msg }}</h1>
+
+    <div class="card">
+        <button
+            type="button"
+            @click="count++"
+        >
+            count is {{ count }}
+        </button>
+        <p>
+            Edit
+            <code>components/HelloWorld.vue</code> to test HMR
+        </p>
+    </div>
 
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
     <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
+        Check out
+        <a
+            href="https://vuejs.org/guide/quick-start.html#local"
+            target="_blank"
+        >create-vue</a>, the official Vue + Vite starter
+    </p>
+    <p>
+        Learn more about IDE Support for Vue in the
+        <a
+            href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+            target="_blank"
+        >Vue Docs Scaling up Guide</a>.
+    </p>
+    <p class="read-the-docs">
+        Click on the Vite and Vue logos to learn more
     </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
 </template>
 
 <style scoped>

code/web/regulatory-management-util/src/main.ts

@@ -1,5 +1,15 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+// eslint-disable-next-line
+import { createApp, VueElement } from "vue";
+import "./style.css";
+import App from "./App.vue";
 
-createApp(App).mount('#app')
+import ElementPlus from "element-plus";
+import "element-plus/dist/index.css";
+
+// eslint-disable-next-line
+const app = createApp( App );
+
+app.use( ElementPlus );
+
+// eslint-disable-next-line
+createApp( App ).mount( "#app" );