feat: init
This commit is contained in:
@@ -11,16 +11,6 @@ import { router } from './router.js';
|
|||||||
import 'primeicons/primeicons.css'; // Icons
|
import 'primeicons/primeicons.css'; // Icons
|
||||||
import './style.css';
|
import './style.css';
|
||||||
|
|
||||||
// Log environment information during app initialization
|
|
||||||
console.log('=== Environment Information ===');
|
|
||||||
console.log('NODE_ENV:', process.env.NODE_ENV);
|
|
||||||
if (typeof import.meta !== 'undefined') {
|
|
||||||
console.log('Vite MODE:', import.meta.env.MODE);
|
|
||||||
console.log('Vite DEV:', import.meta.env.DEV);
|
|
||||||
console.log('Vite PROD:', import.meta.env.PROD);
|
|
||||||
}
|
|
||||||
console.log('=============================');
|
|
||||||
|
|
||||||
|
|
||||||
const app = createApp(App)
|
const app = createApp(App)
|
||||||
|
|
||||||
|
|||||||
@@ -1,35 +1,3 @@
|
|||||||
<script setup>
|
|
||||||
// 不需要导入任何组件,路由会自动处理组件的加载
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<router-view />
|
<router-view />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style>
|
|
||||||
/* Reset default styles */
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
|
|
||||||
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile-first responsive design */
|
|
||||||
html {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
html {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,22 +1,40 @@
|
|||||||
import Aura from '@primeuix/themes/aura'
|
import Aura from '@primeuix/themes/aura';
|
||||||
import { createPinia } from 'pinia'
|
import { createPinia } from 'pinia';
|
||||||
import PrimeVue from 'primevue/config'
|
import PrimeVue from 'primevue/config';
|
||||||
import { createApp } from 'vue'
|
import ConfirmationService from 'primevue/confirmationservice';
|
||||||
import App from './App.vue'
|
import ToastService from 'primevue/toastservice';
|
||||||
import { router } from './router'
|
import { createApp } from 'vue';
|
||||||
|
import App from './App.vue';
|
||||||
|
import { router } from './router.js';
|
||||||
|
|
||||||
// Import only the required PrimeVue styles
|
// Import only the required PrimeVue styles
|
||||||
import 'primeicons/primeicons.css'; // Icons
|
import 'primeicons/primeicons.css'; // Icons
|
||||||
import './style.css'
|
import './style.css';
|
||||||
|
|
||||||
|
|
||||||
const app = createApp(App)
|
const app = createApp(App)
|
||||||
|
|
||||||
app.use(createPinia())
|
|
||||||
app.use(router)
|
const pinia = createPinia()
|
||||||
|
app.use(pinia);
|
||||||
|
|
||||||
|
app.use(router);
|
||||||
app.use(PrimeVue, {
|
app.use(PrimeVue, {
|
||||||
theme: {
|
theme: {
|
||||||
preset: Aura
|
preset: Aura,
|
||||||
|
},
|
||||||
|
ripple: true,
|
||||||
|
options: {
|
||||||
|
darkModeSelector: '.my-app-dark',
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
app.mount('#app')
|
// Register the ConfirmationService to fix the error
|
||||||
|
app.use(ConfirmationService);
|
||||||
|
|
||||||
|
// Register the ToastService
|
||||||
|
app.use(ToastService);
|
||||||
|
|
||||||
|
// Remove global component registrations
|
||||||
|
|
||||||
|
app.mount('#app');
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@import "tailwindcss-primeui";
|
@import "tailwindcss-primeui";
|
||||||
|
|
||||||
|
|||||||
@@ -1,14 +0,0 @@
|
|||||||
/** @type {import('tailwindcss').Config} */
|
|
||||||
export default {
|
|
||||||
content: [
|
|
||||||
"./index.html",
|
|
||||||
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
||||||
"./node_modules/primevue/**/*.{vue,js,ts,jsx,tsx}"
|
|
||||||
],
|
|
||||||
theme: {
|
|
||||||
extend: {},
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
require('tailwindcss-primeui')
|
|
||||||
],
|
|
||||||
}
|
|
||||||
@@ -17,7 +17,7 @@ export default defineConfig({
|
|||||||
port: 3000,
|
port: 3000,
|
||||||
open: true,
|
open: true,
|
||||||
proxy: {
|
proxy: {
|
||||||
'/v1': 'http://localhost:8088',
|
'/api': 'http://localhost:8088',
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user