Signed-off-by: kevin <kevin@lmve.net>

frontent/ops_vue/myfunc.ts

@@ -0,0 +1,9 @@
+
+export const myfuncs = {
+
+    test(){
+      console.log("Myfunc test");
+
+    },
+
+}

frontent/ops_vue/src/App.vue

@@ -1,5 +1,17 @@
 <script setup lang="ts">
 
+import {myfuncs} from '../myfunc.js';
+
+myfuncs.test();
+
+onload = () => {
+  console.log("Page loaded");
+}
+
+function test(){
+  console.log("Test function called");
+  document.body.setAttribute("data-bs-theme", "dark"); // 暗色模式
+}
 </script>
 
 <template>
@@ -39,7 +51,7 @@
 
             <div class="d-none d-md-flex">
               <div class="nav-item">
-                <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
+                <a @click="test" class="nav-link px-0 hide-theme-dark" title="Enable dark mode">
                   <!-- Download SVG icon from http://tabler.io/icons/icon/moon -->
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
@@ -56,7 +68,7 @@
                     <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
                   </svg>
                 </a>
-                <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
+                <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode">
                   <!-- Download SVG icon from http://tabler.io/icons/icon/sun -->
                   <svg
                     xmlns="http://www.w3.org/2000/svg"

frontent/ops_vue/src/main.ts

@@ -8,6 +8,7 @@ import router from './router'
 
 import '@tabler/core/dist/css/tabler.min.css'
 import '@tabler/core/dist/css/tabler-vendors.min.css'
+import '@tabler/core/dist/js/tabler.min.js'
 
 const app = createApp(App)