diff --git a/frontend/index.html b/frontend/index.html index 68effba1c..2d5853bb1 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -6,7 +6,8 @@ 3x-ui +
- + diff --git a/frontend/src/App.vue b/frontend/src/App.vue deleted file mode 100644 index 7d062cc95..000000000 --- a/frontend/src/App.vue +++ /dev/null @@ -1,70 +0,0 @@ - - - - - diff --git a/frontend/src/index.js b/frontend/src/index.js new file mode 100644 index 000000000..e62747ab2 --- /dev/null +++ b/frontend/src/index.js @@ -0,0 +1,18 @@ +import { createApp } from 'vue'; +import Antd, { message } from 'ant-design-vue'; +import 'ant-design-vue/dist/reset.css'; + +import { setupAxios } from '@/api/axios-init.js'; +// Importing useTheme triggers the boot side-effect that applies the +// stored theme to / before Vue mounts. +import '@/composables/useTheme.js'; +import IndexPage from '@/pages/index/IndexPage.vue'; + +setupAxios(); + +const messageContainer = document.getElementById('message'); +if (messageContainer) { + message.config({ getContainer: () => messageContainer }); +} + +createApp(IndexPage).use(Antd).mount('#app'); diff --git a/frontend/src/main.js b/frontend/src/main.js deleted file mode 100644 index f4920af92..000000000 --- a/frontend/src/main.js +++ /dev/null @@ -1,9 +0,0 @@ -import { createApp } from 'vue'; -import Antd from 'ant-design-vue'; -import 'ant-design-vue/dist/reset.css'; - -import App from './App.vue'; - -const app = createApp(App); -app.use(Antd); -app.mount('#app'); diff --git a/frontend/src/pages/index/IndexPage.vue b/frontend/src/pages/index/IndexPage.vue new file mode 100644 index 000000000..bbbb0e067 --- /dev/null +++ b/frontend/src/pages/index/IndexPage.vue @@ -0,0 +1,95 @@ + + + + +