public 기능 완료

frontend/src/main.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
+import './assets/base.css'
 
 // dayjs configuration
 import dayjs from 'dayjs'
@@ -14,8 +15,7 @@ dayjs.tz.setDefault('Asia/Seoul')
 
 // PrimeVue
 import PrimeVue from 'primevue/config'
-import 'primevue/resources/themes/lara-light-blue/theme.css'
-import 'primevue/resources/primevue.min.css'
+import Aura from '@primeuix/themes/aura';
 import 'primeicons/primeicons.css'
 import 'primeflex/primeflex.css'
 
@@ -25,11 +25,10 @@ import InputText from 'primevue/inputtext'
 import DataTable from 'primevue/datatable'
 import Column from 'primevue/column'
 import Dialog from 'primevue/dialog'
-import Dropdown from 'primevue/dropdown'
+import Select from 'primevue/select'
 import Toast from 'primevue/toast'
 import ToastService from 'primevue/toastservice'
 import Card from 'primevue/card'
-import TabView from 'primevue/tabview'
 import TabPanel from 'primevue/tabpanel'
 import Menu from 'primevue/menu'
 import Menubar from 'primevue/menubar'
@@ -40,29 +39,45 @@ import Checkbox from 'primevue/checkbox'
 import Password from 'primevue/password'
 import Textarea from 'primevue/textarea'
 import Badge from 'primevue/badge'
-import Calendar from 'primevue/calendar'
 import InputNumber from 'primevue/inputnumber'
 import Divider from 'primevue/divider'
 import ProgressSpinner from 'primevue/progressspinner'
+import Datepicker from 'primevue/datepicker'
+import Tag from 'primevue/tag'
+import FloatLabel from 'primevue/floatlabel';
+import Tooltip from 'primevue/tooltip';
+import {ko} from 'primelocale/js/ko.js';
 
+import AppHeader from './components/AppHeader.vue';
 const app = createApp(App)
 
 // Register PrimeVue
-app.use(PrimeVue)
+app.use(PrimeVue, {
+  theme: {
+    preset: Aura,
+    options: {
+      darkModeSelector: false
+    },
+    locale: ko
+  }
+})
+app.directive('tooltip', Tooltip)
 app.use(ToastService)
 app.use(createPinia())
 app.use(router)
 
+// Register custom components
+app.component('AppHeader', AppHeader);
+
 // Register PrimeVue Components
 app.component('Button', Button)
 app.component('InputText', InputText)
 app.component('DataTable', DataTable)
 app.component('Column', Column)
 app.component('Dialog', Dialog)
-app.component('Dropdown', Dropdown)
+app.component('Select', Select)
 app.component('Toast', Toast)
 app.component('Card', Card)
-app.component('TabView', TabView)
 app.component('TabPanel', TabPanel)
 app.component('Menu', Menu)
 app.component('Menubar', Menubar)
@@ -73,9 +88,11 @@ app.component('Checkbox', Checkbox)
 app.component('Password', Password)
 app.component('Textarea', Textarea)
 app.component('Badge', Badge)
-app.component('Calendar', Calendar)
 app.component('InputNumber', InputNumber)
 app.component('Divider', Divider)
 app.component('ProgressSpinner', ProgressSpinner)
+app.component('Datepicker', Datepicker)
+app.component('Tag', Tag)
+app.component('FloatLabel', FloatLabel);
 
 app.mount('#app')