-
ADMIN_001
- No Project Selected
+ {{ username || "GUEST" }}
+
+ {{ projectName || "No Project Selected" }}
+
+ Refresh
+
+
+ 배터리 상태 예측 모델 프로젝트
+
+
+ + Workflow Success Rate +
+
+
+
+
+
+ + Recently Registered Workflow +
+
+
+
+
+
+
+
+
+ {{
+ item.title
+ }}
+ {{
+ item.date
+ }}
+
+
+
+
+ Recent Run
+
+
+
+
+
+
+
+
+
+ {{ run.status === "success" ? "mdi-check" : "mdi-close" }}
+
+
+
+
+
+
+ {{ run.name }}
+
+
+ {{ run.time }}
+
+
+
+
+ + Dataset Update Activity +
+
+
+
+ {{ data.name }}
+ {{ data.count }} updates
+
+
+
+
+
+ Go to Model Deploy
+
+
+
+ Model Deployment
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Create Dataset
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ item.title }}
+ {{ item.fileName }}
+ {{ item.filePath }}
+ {{ item.description }}
+ {{ item.createdData }}
+ {{ item.modifiedData }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Datasets
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+
diff --git a/src/components/templates/Datasets/ViewComponent.vue b/src/components/templates/Datasets/ViewComponent.vue
new file mode 100644
index 0000000..36ee04a
--- /dev/null
+++ b/src/components/templates/Datasets/ViewComponent.vue
@@ -0,0 +1,257 @@
+
+
+
+
+
+ View Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Create Project
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+ {{ item.no }}
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+ {{ u }}
+
+
+ -
+
+
+ {{ item.registDt }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ data.modalMode === "create" ? "Create Project" : "Modify Project"
+ }}
+
+
+
+
+
+
+ Cancel
+
+ {{ data.modalMode === "create" ? "Create" : "Save" }}
+
+
+
+
+
+
+
+
diff --git a/src/components/templates/deployment/ListComponent.vue b/src/components/templates/deployment/ListComponent.vue
new file mode 100644
index 0000000..6e4b911
--- /dev/null
+++ b/src/components/templates/deployment/ListComponent.vue
@@ -0,0 +1,551 @@
+
+
+
+
+
+ Project
+
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+ {{ item.desc }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Refresh
+
+ Deployment
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ item.no }}
+ {{ item.modelName }}
+ {{ item.version }}
+ {{ item.duration }}
+
+
+
+ mdi-checkbox-marked-circle
+
+
+ mdi-loading
+
+ mdi-close-circle
+
+
+
+ mdi-checkbox-marked-circle
+
+
+ mdi-loading
+
+
+ mdi-close-circle
+
+ -
+
+ {{ item.deployedAt }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Deployment
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+
diff --git a/src/components/templates/deployment/ViewComponent.vue b/src/components/templates/deployment/ViewComponent.vue
new file mode 100644
index 0000000..49bb278
--- /dev/null
+++ b/src/components/templates/deployment/ViewComponent.vue
@@ -0,0 +1,397 @@
+
+
+
+
+
+ View Details
+
+
+ Compare Executions
+
+
+
+ Run Detail
+
+
+
+
+ Run ID:
+ {{ runA.id }}
+ {{ runB.id }}
+
+ Run Name:
+
+ {{ runA.name }}
+ {{ runB.name }}
+
+ Start Name:
+
+ {{ runA.start }}
+ {{ runB.start }}
+
+ End Name:
+
+ {{ runA.end }}
+ {{ runB.end }}
+
+ Duration:
+
+ {{ runA.duration }}
+ {{ runB.duration }}
+
+
+
+ Parameters
+
+
+
+
+ alpha
+ {{ runA.params.alpha }}
+ {{ runB.params.alpha }}
+
+
+ l1_ratio
+
+ {{ runA.params.l1_ratio }}
+ {{ runB.params.l1_ratio }}
+
+
+
+ Metrics
+
+
+
+
+ mae
+ {{ runA.metrics.mae }}
+ {{ runA.metrics.mae }}
+
+ r2
+ {{ runA.metrics.r2 }}
+ {{ runA.metrics.r2 }}
+ rmse
+ {{ runA.metrics.rmse }}
+ {{ runA.metrics.rmse }}
+
+
+
+
+ Tags
+
+
+
+
+
+ estimator_class
+
+ {{ runA.tags.estimator_class }}
+ {{ runA.tags.estimator_class }}
+
+ estimator_name
+
+ {{ runA.tags.estimator_name }}
+ {{ runA.tags.estimator_name }}
+
+
+
+ Artifacts
+
+
+ Back to List
+
+
+
+
+
+
+ Parallel Coordinates Plot
+ Scatter Plot
+ Box Plot
+ Contour Plot
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Back to List
+
+
+
+
+ Clear All
+
+
+
+ Clear All
+
+
+
+ Clear All
+
+
+
+ Clear All
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Terminate
+
+
+ Retry
+
+
+ Clone
+
+
+ Compare
+
+
+ Execution
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ item.no }}
+ {{ item.name }}
+
+ mdi-check-circle
+ mdi-close-circle
+ mdi-loading
+
+ {{ item.duration }}
+ {{ item.experiment }}
+ {{ item.workflow }}
+ {{ item.startTime }}
+ {{ item.registryStatus }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Executions
+
+
+
+
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/templates/run/executions/ViewComponent.vue b/src/components/templates/run/executions/ViewComponent.vue
new file mode 100644
index 0000000..4cc68c9
--- /dev/null
+++ b/src/components/templates/run/executions/ViewComponent.vue
@@ -0,0 +1,339 @@
+
+
+
+
+
+ View Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Create Experiment
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+ {{ item.name }}
+ {{ item.description }}
+ {{ item.createdDate }}
+ {{ item.createdID }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Experiment
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+
diff --git a/src/components/templates/run/experiment/ViewComponent.vue b/src/components/templates/run/experiment/ViewComponent.vue
new file mode 100644
index 0000000..bc4ff1b
--- /dev/null
+++ b/src/components/templates/run/experiment/ViewComponent.vue
@@ -0,0 +1,405 @@
+
+
+
+
+
+ View Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ item.no }}
+ {{ item.stepName }}
+ {{ item.type }}
+ {{ item.dataset }}
+ {{ item.script }}
+ {{ item.hyperParameters }}
+ {{ item.resource }}
+
+
+ mdi-checkbox-marked-circle
+
+
+ mdi-alert-circle
+
+
+ {{ item.workflow }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Workflows Step Config
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+ View Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Create Script
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ {{ item.title }}
+ {{ item.fileName }}
+ {{ item.filePath }}
+ {{ item.description }}
+ {{ item.createdData }}
+ {{ item.modifiedData }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Training Script
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+
diff --git a/src/components/templates/trainingscript/ViewComponent.vue b/src/components/templates/trainingscript/ViewComponent.vue
new file mode 100644
index 0000000..bd008ef
--- /dev/null
+++ b/src/components/templates/trainingscript/ViewComponent.vue
@@ -0,0 +1,291 @@
+
+
+
+
+
+ View Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 총 {{ data.totalDataLength.toLocaleString() }}개
+
+
+
+
+
+
+
+
+ Upload Workflow
+
+ Create Workflow
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+ {{ item.no }}
+ {{ item.name }}
+ {{ item.stepCount }}
+ {{ item.configProgress }}
+ {{ item.kubeflowStatus }}
+ {{ item.registDt }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Workflows
+
+
+
+
+
+
+
+
+
+ mdi-magnify
+
+
+
+
+
+
+
diff --git a/src/components/templates/workflow/ViewComponent.vue b/src/components/templates/workflow/ViewComponent.vue
new file mode 100644
index 0000000..901a8e2
--- /dev/null
+++ b/src/components/templates/workflow/ViewComponent.vue
@@ -0,0 +1,262 @@
+
+
+
+
+
+ View Details
+
-
- Workflows
-
-
-
-
-
-
-
-
-
- mdi-magnify
-
-
-
@@ -64,7 +80,6 @@ const signIn = () => {
>
mdi-shield-key-outline
-
Autoflow Web Console
@@ -72,7 +87,7 @@ const signIn = () => {
{
>
{
login
+
+ {
style="bottom: 0; left: 0"
>
Copyright © 2025 Autoflow Web Console
+ >Copyright © 2025 Autoflow Web Console
{
}
.background-image {
- background-image: linear-gradient(
- 90deg,
- rgba(19, 18, 18, 0.5),
- rgba(19, 18, 18, 0.3),
- rgba(19, 18, 18, 0.3),
- rgba(19, 18, 18, 0.5)
- ),url("@/assets/4117551.jpg"); /* 배경 이미지 경로 */
+ background-image:
+ linear-gradient(
+ 90deg,
+ rgba(19, 18, 18, 0.5),
+ rgba(19, 18, 18, 0.3),
+ rgba(19, 18, 18, 0.3),
+ rgba(19, 18, 18, 0.5)
+ ),
+ url("@/assets/4117551.jpg"); /* 배경 이미지 경로 */
background-size: cover; /* 이미지가 화면을 꽉 채우도록 설정 */
background-position: center; /* 이미지 중앙 정렬 */
background-repeat: no-repeat; /* 이미지 반복 방지 */
diff --git a/src/pages/ProjectView.vue b/src/pages/ProjectView.vue
new file mode 100644
index 0000000..67cc292
--- /dev/null
+++ b/src/pages/ProjectView.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
+ SignUp
+
+
+
+
+
+
+
+ Copyright © 2025 Autoflow Web Console
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ {{ data.snackbarText }}
+
+ 닫기
+
+
+
+
+
diff --git a/src/pages/TrainingScriptView.vue b/src/pages/TrainingScriptView.vue
index 52dbf2f..6947fee 100644
--- a/src/pages/TrainingScriptView.vue
+++ b/src/pages/TrainingScriptView.vue
@@ -1,10 +1,9 @@
+ (storedId ? Number(storedId) : null);
+
+ const projectName = ref(localStorage.getItem("projectName") || "");
+
+ const setProjectId = (id: number) => {
+ projectId.value = id;
+ localStorage.setItem("projectId", String(id));
+ };
+
+ const clearProjectId = () => {
+ projectId.value = null;
+ localStorage.removeItem("projectId");
+ };
+
+ const setProjectName = (name: string) => {
+ projectName.value = name;
+ localStorage.setItem("projectName", name);
+ };
+
+ const clearProjectName = () => {
+ projectName.value = "";
+ localStorage.removeItem("projectName");
+ };
+
+ return {
+ projectId,
+ projectName,
+ setProjectId,
+ clearProjectId,
+ setProjectName,
+ clearProjectName,
+ };
+});
diff --git a/src/stores/commonStore.ts b/src/stores/commonStore.ts
new file mode 100644
index 0000000..e32549d
--- /dev/null
+++ b/src/stores/commonStore.ts
@@ -0,0 +1,32 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { load } from "webfontloader";
+
+export const commonStore = defineStore("common", () => {
+ const snackbarMsg = ref({ text: "", color: "", result: 200 });
+
+ const setSnackbarMsg = (data: {
+ result: number;
+ color: string;
+ text: string;
+ }) => {
+ snackbarMsg.value = data;
+ };
+
+ return {
+ snackbarMsg,
+ setSnackbarMsg,
+ };
+});
+
+export const loadingStore = defineStore("loading", () => {
+ const loading = ref(false);
+ const setLoading = (value: boolean) => {
+ loading.value = value;
+ };
+
+ return {
+ loading,
+ setLoading,
+ };
+});
diff --git a/src/utils/CommonUtils.ts b/src/utils/CommonUtils.ts
new file mode 100644
index 0000000..1e99ab9
--- /dev/null
+++ b/src/utils/CommonUtils.ts
@@ -0,0 +1,96 @@
+export const CommonFunctions = {
+ stringTruncate: (str: string, len: number) => {
+ return str.length > len ? str.slice(0, len) + "..." : str;
+ },
+ getFileExtension: (filename: string) => {
+ const index = filename.lastIndexOf(".");
+ return index !== -1 ? filename.substring(index + 1).toLowerCase() : null;
+ },
+ getDateFormatYmd: (date: string) => {
+ if (date != null && date != "") {
+ const inputDate = new Date(date);
+ const year = inputDate.getFullYear();
+ const month = (inputDate.getMonth() + 1).toString().padStart(2, "0");
+ const day = inputDate.getDate().toString().padStart(2, "0");
+ const formattedDate = `${year}.${month}.${day}`;
+
+ return formattedDate;
+ } else {
+ return "";
+ }
+ },
+ getDateFormatHis: (date: string) => {
+ if (date != null && date != "") {
+ const timeMatch = date.match(/\b\d{2}:\d{2}:\d{2}\b/);
+ if (timeMatch) {
+ return timeMatch[0];
+ } else {
+ return "";
+ }
+ } else {
+ return "";
+ }
+ },
+ getQuantumDateFormat: (dateString: string) => {
+ if (dateString != null && dateString != "" && dateString != "-") {
+ const date = new Date(dateString);
+
+ // 날짜와 시간을 각각 포맷팅
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, "0");
+ const day = String(date.getDate()).padStart(2, "0");
+ const hours = String(date.getHours()).padStart(2, "0");
+ const minutes = String(date.getMinutes()).padStart(2, "0");
+ const seconds = String(date.getSeconds()).padStart(2, "0");
+
+ return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`;
+ } else {
+ return "-";
+ }
+ dateString;
+ },
+ getQuantumDateFormatToCustom: (dateString: string) => {
+ if (dateString != null && dateString != "" && dateString != "-") {
+ const date = new Date(dateString);
+
+ // toLocaleString을 사용해 형식 지정
+ return date.toLocaleString("en-US", {
+ month: "short", // Oct
+ day: "2-digit", // 07
+ year: "numeric", // 2024
+ hour: "2-digit", // 10
+ minute: "2-digit", // 37
+ hour12: true, // AM/PM 형식
+ });
+ } else {
+ return "-";
+ }
+ },
+ getTimeDifferenceInSeconds: (dateString1: string, dateString2: string) => {
+ const date1 = new Date(dateString1);
+ const date2 = new Date(dateString2);
+
+ // 두 날짜의 밀리초 차이 계산
+ const differenceInMs = Math.abs(date1.getTime() - date2.getTime());
+
+ // 밀리초 차이를 초 단위로 변환
+ const differenceInSeconds = Math.floor(differenceInMs / 1000);
+ return differenceInSeconds;
+ },
+ getJobChartData: (data: string[]) => {
+ const binaryMapping: Record = {
+ "0x0": "00",
+ "0x1": "01",
+ "0x2": "10",
+ "0x3": "11",
+ };
+
+ const frequency: Record = {};
+ data.forEach((d) => {
+ const binary = binaryMapping[d] || "00";
+ frequency[binary] = (frequency[binary] || 0) + 1;
+ });
+
+ return frequency;
+ },
+};
diff --git a/src/utils/menuUtils.js b/src/utils/menuUtils.js
index fc71f9e..90efece 100644
--- a/src/utils/menuUtils.js
+++ b/src/utils/menuUtils.js
@@ -6,6 +6,12 @@ export const menuUtils = {
value: "home",
icon: "mdi-monitor-multiple",
},
+ {
+ title: "Project",
+ path: "/project",
+ value: "project",
+ icon: "mdi-folder-cog-outline",
+ },
{
title: "Workflows",
path: "/workflows",
@@ -25,7 +31,7 @@ export const menuUtils = {
icon: "mdi-format-list-bulleted-square",
depth: [
{ title: "Experiment", path: "/run/experiment" },
- { title: "Excutions", path: "/run/excutions" },
+ { title: "Executions", path: "/run/executions" },
],
},
{
@@ -40,13 +46,13 @@ export const menuUtils = {
title: "Training Script",
path: "/training-script",
value: "training-script",
- icon: "mdi-account",
+ icon: "mdi-file-code-outline",
},
{
title: "Datasets",
path: "/datasets",
value: "datasets",
- icon: "mdi-account",
+ icon: "mdi-database-outline",
},
],
};
diff --git a/src/utils/storage.js b/src/utils/storage.js
index 2cae909..23c2e3d 100644
--- a/src/utils/storage.js
+++ b/src/utils/storage.js
@@ -8,8 +8,40 @@ export const storage = {
getToken: () => {
const authString = localStorage.getItem("autoflow-auth");
if (authString !== null) {
- const auth = JSON.parse(authString);
- return auth.token;
+ try {
+ const auth = JSON.parse(authString);
+
+ if (auth.jwtCookie) {
+ const match = auth.jwtCookie.match(/cuuva-jwt=([^;]+)/);
+ if (match && match[1]) {
+ return match[1];
+ }
+ }
+ } catch (e) {
+ console.error("[storage] getToken parse error:", e);
+ }
+ }
+ return "";
+ },
+
+ // 리프레시 토큰만 잘라서 반환
+ getRefreshToken: () => {
+ const authString = localStorage.getItem("autoflow-auth");
+ if (authString !== null) {
+ try {
+ const auth = JSON.parse(authString);
+
+ if (auth.jwtRefreshCookie) {
+ const match = auth.jwtRefreshCookie.match(
+ /cuuva-jwt-refresh=([^;]+)/,
+ );
+ if (match && match[1]) {
+ return match[1];
+ }
+ }
+ } catch (e) {
+ console.error("[storage] getRefreshToken parse error:", e);
+ }
}
return "";
},
@@ -21,7 +53,7 @@ export const storage = {
}
return "";
},
- getId: () =>{
+ getId: () => {
const authString = localStorage.getItem("autoflow-auth");
if (authString !== null) {
const auth = JSON.parse(authString);
diff --git a/src/views/Select.vue b/src/views/Select.vue
new file mode 100644
index 0000000..ed6ce2b
--- /dev/null
+++ b/src/views/Select.vue
@@ -0,0 +1,420 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Select Users: {{ project.creator }}
+ 등록일: {{ project.date }}
+
+
+
+ {{ project.description }}
+
+
+
+
+
+
+
+
+ mdi-square-edit-outline Modify
+
+
+ mdi-delete Delete
+
+
+
+
+
+
+
+ {{ modalMode === "create" ? "Create Project" : "Modify Project" }}
+
+
+
+
+
+
+
+
+ Cancel
+
+ {{ modalMode === "create" ? "Create" : "Save" }}
+
+
+
+
+
+
+
+
diff --git a/typed-router.d.ts b/typed-router.d.ts
index e544b87..8c4a1a7 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -21,11 +21,13 @@ declare module 'vue-router/auto-routes' {
'/': RouteRecordInfo<'/', '/', Record, Record>,
'/DatasetView': RouteRecordInfo<'/DatasetView', '/DatasetView', Record, Record>,
'/DeploymentView': RouteRecordInfo<'/DeploymentView', '/DeploymentView', Record, Record>,
- '/ExcutionsView': RouteRecordInfo<'/ExcutionsView', '/ExcutionsView', Record, Record>,
+ '/ExecutionsView': RouteRecordInfo<'/ExecutionsView', '/ExecutionsView', Record, Record>,
'/ExperimentView': RouteRecordInfo<'/ExperimentView', '/ExperimentView', Record, Record>,
'/HomeView': RouteRecordInfo<'/HomeView', '/HomeView', Record, Record>,
'/LoginView': RouteRecordInfo<'/LoginView', '/LoginView', Record, Record>,
'/MainView': RouteRecordInfo<'/MainView', '/MainView', Record, Record>,
+ '/ProjectView': RouteRecordInfo<'/ProjectView', '/ProjectView', Record, Record>,
+ '/SignupView': RouteRecordInfo<'/SignupView', '/SignupView', Record, Record>,
'/TrainingScriptView': RouteRecordInfo<'/TrainingScriptView', '/TrainingScriptView', Record, Record>,
'/WorkflowStepConfigView': RouteRecordInfo<'/WorkflowStepConfigView', '/WorkflowStepConfigView', Record, Record>,
'/WorkflowView': RouteRecordInfo<'/WorkflowView', '/WorkflowView', Record, Record>,
diff --git a/vite.config.mjs b/vite.config.mjs
index 0d08c1e..1fdc47b 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -1,19 +1,22 @@
// Plugins
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-import Fonts from 'unplugin-fonts/vite'
-import Layouts from 'vite-plugin-vue-layouts-next'
-import Vue from '@vitejs/plugin-vue'
-import VueRouter from 'unplugin-vue-router/vite'
-import { VueRouterAutoImports } from 'unplugin-vue-router'
-import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import Fonts from "unplugin-fonts/vite";
+import Layouts from "vite-plugin-vue-layouts-next";
+import Vue from "@vitejs/plugin-vue";
+import VueRouter from "unplugin-vue-router/vite";
+import { VueRouterAutoImports } from "unplugin-vue-router";
+import Vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
// Utilities
-import { defineConfig } from 'vite'
-import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from "vite";
+import { fileURLToPath, URL } from "node:url";
// https://vitejs.dev/config/
export default defineConfig({
+ // 배포할때는 주석 풀기
+ // base: process.env.VITE_ROOT_PATH,
+ // base: "/autoflow/",
plugins: [
VueRouter(),
Layouts(),
@@ -24,24 +27,26 @@ export default defineConfig({
Vuetify({
autoImport: true,
styles: {
- configFile: 'src/styles/settings.scss',
+ configFile: "src/styles/settings.scss",
},
}),
Components(),
Fonts({
google: {
- families: [{
- name: 'Roboto',
- styles: 'wght@100;300;400;500;700;900',
- }],
+ families: [
+ {
+ name: "Roboto",
+ styles: "wght@100;300;400;500;700;900",
+ },
+ ],
},
}),
AutoImport({
imports: [
- 'vue',
+ "vue",
VueRouterAutoImports,
{
- pinia: ['defineStore', 'storeToRefs'],
+ pinia: ["defineStore", "storeToRefs"],
},
],
eslintrc: {
@@ -52,27 +57,19 @@ export default defineConfig({
],
optimizeDeps: {
exclude: [
- 'vuetify',
- 'vue-router',
- 'unplugin-vue-router/runtime',
- 'unplugin-vue-router/data-loaders',
- 'unplugin-vue-router/data-loaders/basic',
+ "vuetify",
+ "vue-router",
+ "unplugin-vue-router/runtime",
+ "unplugin-vue-router/data-loaders",
+ "unplugin-vue-router/data-loaders/basic",
],
},
- define: { 'process.env': {} },
+ define: { "process.env": {} },
resolve: {
alias: {
- '@': fileURLToPath(new URL('src', import.meta.url)),
+ "@": fileURLToPath(new URL("src", import.meta.url)),
},
- extensions: [
- '.js',
- '.json',
- '.jsx',
- '.mjs',
- '.ts',
- '.tsx',
- '.vue',
- ],
+ extensions: [".js", ".json", ".jsx", ".mjs", ".ts", ".tsx", ".vue"],
},
server: {
port: 3000,
@@ -80,11 +77,8 @@ export default defineConfig({
css: {
preprocessorOptions: {
sass: {
- api: 'modern-compiler',
- },
- scss: {
- api: 'modern-compiler',
+ api: "modern-compiler",
},
},
},
-})
+});
+ 계정이 없으십니까?
+
+ SignUp
+
+
+
+
+
+ mdi-shield-key-outline
+
+
+ Autoflow Web Console
+
+
+
+ 계정이 있으십니까?
+
+ Login
+
+
+