Refactoring code module 15_development

src/modules/15_development/components/Budget.vue

@@ -2,8 +2,10 @@
 import { onMounted, reactive, ref } from "vue";
 import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
 
 /**
  * importType
@@ -11,11 +13,6 @@ import config from "@/app.config";
 import type { DataOption } from "@/modules/15_development/interface/index/Main";
 import type { FormBudget } from "@/modules/15_development/interface/request/Main";
 
-/**
- * importstor
- */
-import { useCounterMixin } from "@/stores/mixin";
-
 /**
  * use
  */
@@ -33,11 +30,11 @@ const props = defineProps({
   nextStep: { type: Function, required: true },
   onCheckChangeData: { type: Function, required: true },
 });
-const projectId = ref<string>(route.params.id.toLocaleString());
+const projectId = ref<string>(route.params.id.toLocaleString()); //id route
 
 const checkRoutePermission = ref<boolean>(
   route.name == "developmentDetailPage"
-);
+); // check ชื่อ route
 const step = ref<string>("");
 
 const budgetOp = ref<DataOption[]>([