[gui] Fix vue to use direct imports

Fix vue files mainly to use direct imports instead of barrel ones
and fix other mistakes made during vue 3 migration.

Author: gulyasgergely902

web/server/vue-cli/src/App.vue

@@ -16,8 +16,8 @@
 <script setup>
 import { computed, ref, watch } from "vue";
 import { useStore } from "vuex";
-import Errors from "@/components/Errors";
-import { TheHeader } from "@/components/Layout";
+import Errors from "@/components/Errors.vue";
+import TheHeader from "@/components/Layout/TheHeader.vue";
 
 const keepAliveList = ref([]);
 const store = useStore();

web/server/vue-cli/src/components/AnalysisInfo/Checker.vue

@@ -25,7 +25,8 @@
 </template>
 
 <script setup>
-import { AnalyzerStatisticsIcon } from "@/components/Icons";
+import AnalyzerStatisticsIcon
+  from "@/components/Icons/AnalyzerStatisticsIcon.vue";
 
 defineProps({
   name: { type: String, required: true },

web/server/vue-cli/src/components/AnalysisInfo/CheckerGroup.vue

@@ -72,10 +72,11 @@
 </template>
 
 <script setup>
-import CountChips from "@/components/CountChips";
-import { CountKeys } from "@/composables/useAnalysisInfo";
 import { computed } from "vue";
-import CheckerRows from "./CheckerRows";
+
+import CountChips from "@/components/CountChips.vue";
+import CountKeys from "@/composables/useAnalysisInfo/CountKeys.vue";
+import CheckerRows from "@/components/AnalysisInfo/CheckerRows.vue";
 
 const props = defineProps({
   group: { type: String, required: true },

web/server/vue-cli/src/components/AnalysisInfoDialog.vue

@@ -175,12 +175,10 @@
 
 <script setup>
 import { computed, ref, watch } from "vue";
-import ConfirmDialog from "@/components/ConfirmDialog";
-import {
-  CheckerGroup,
-  CheckerRows
-} from "@/components/AnalysisInfo";
-import CountChips from "@/components/CountChips";
+import ConfirmDialog from "@/components/ConfirmDialog.vue";
+import CheckerGroup from "@/components/AnalysisInfo/CheckerGroup.vue";
+import CheckerRows from "@/components/AnalysisInfo/CheckerRows.vue";
+import CountChips from "@/components/CountChips.vue";
 
 import {
   CheckerInfoAvailability,

web/server/vue-cli/src/components/CheckerDocumentationDialog.vue

@@ -41,9 +41,11 @@
 
 <script setup>
 import { computed, ref, watch } from "vue";
-import { SeverityIcon } from "@/components/Icons";
+
 import { ccService, handleThriftError } from "@cc-api";
 import { Checker, Severity } from "@cc/report-server-types";
+
+import SeverityIcon from "@/components/Icons/SeverityIcon.vue";
 import ConfirmDialog from "@/components/ConfirmDialog.vue";
 
 const props = defineProps({

web/server/vue-cli/src/components/CreditsDialog.vue

@@ -45,7 +45,7 @@
 <script setup>
 import { ref } from "vue";
 
-import ConfirmDialog from "@/components/ConfirmDialog";
+import ConfirmDialog from "@/components/ConfirmDialog.vue";
 
 const dialog = ref(false);
 

web/server/vue-cli/src/components/Icons/ConfidentialityIcon.vue

@@ -28,9 +28,10 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
+
 import { useConfidentiality } from "@/composables/useConfidentiality";
 import { Confidentiality } from "@cc/prod-types";
-import { computed } from "vue";
 
 const props = defineProps({
   value: { type: Number, required: true },

web/server/vue-cli/src/components/Icons/DetectionStatusIcon.vue

@@ -55,9 +55,10 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
+
 import { useDetectionStatus } from "@/composables/useDetectionStatus";
 import { DetectionStatus } from "@cc/report-server-types";
-import { computed } from "vue";
 
 const props = defineProps({
   status: { type: Number, required: true },

web/server/vue-cli/src/components/Icons/SeverityIcon.vue

@@ -61,9 +61,10 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
+
 import { useSeverity } from "@/composables/useSeverity";
 import { Severity } from "@cc/report-server-types";
-import { computed } from "vue";
 
 const props = defineProps({
   status: { type: Number, required: true },

web/server/vue-cli/src/components/Layout/PersonalAccessTokenBtn.vue

@@ -131,10 +131,12 @@
 </template>
 
 <script setup>
-import ConfirmDialog from "@/components/ConfirmDialog";
+import { computed, onMounted, ref, watch } from "vue";
+
 import { authService, handleThriftError } from "@cc-api";
 import { format } from "date-fns";
-import { computed, onMounted, ref, watch } from "vue";
+
+import ConfirmDialog from "@/components/ConfirmDialog.vue";
 
 const addPersonalAccessTokenDialog = ref(false);
 const deletePersonalAccessTokenDialog = ref(false);