Consistent extension usage in imports (#1171)

components/ui/FileInput.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import { fileIsValid } from '~/helpers/fileUtils'
+import { fileIsValid } from '~/helpers/fileUtils.js'
 
 export default {
   components: {},

components/ui/ModalConfirm.vue

@@ -36,8 +36,8 @@
 <script>
 import CrossIcon from '~/assets/images/utils/x.svg'
 import TrashIcon from '~/assets/images/utils/trash.svg'
-import Modal from '~/components/ui/Modal'
-import { renderString } from '~/helpers/parse'
+import Modal from '~/components/ui/Modal.vue'
+import { renderString } from '~/helpers/parse.js'
 
 export default {
   components: {

components/ui/ModalCreation.vue

@@ -66,8 +66,8 @@
 <script>
 import CrossIcon from '~/assets/images/utils/x.svg'
 import CheckIcon from '~/assets/images/utils/right-arrow.svg'
-import Modal from '~/components/ui/Modal'
-import Chips from '~/components/ui/Chips'
+import Modal from '~/components/ui/Modal.vue'
+import Chips from '~/components/ui/Chips.vue'
 
 export default {
   components: {

components/ui/ModalModeration.vue

@@ -57,11 +57,11 @@
 <script>
 import TrashIcon from '~/assets/images/utils/trash.svg'
 import CrossIcon from '~/assets/images/utils/x.svg'
-import Modal from '~/components/ui/Modal'
-import Chips from '~/components/ui/Chips'
-import Badge from '~/components/ui/Badge'
+import Modal from '~/components/ui/Modal.vue'
+import Chips from '~/components/ui/Chips.vue'
+import Badge from '~/components/ui/Badge.vue'
 import CheckIcon from '~/assets/images/utils/check.svg'
-import { renderString } from '~/helpers/parse'
+import { renderString } from '~/helpers/parse.js'
 
 export default {
   components: {

components/ui/ModalReport.vue

@@ -60,9 +60,9 @@
 import { Multiselect } from 'vue-multiselect'
 import CrossIcon from '~/assets/images/utils/x.svg'
 import CheckIcon from '~/assets/images/utils/check.svg'
-import Modal from '~/components/ui/Modal'
-import Chips from '~/components/ui/Chips'
-import { renderString } from '~/helpers/parse'
+import Modal from '~/components/ui/Modal.vue'
+import Chips from '~/components/ui/Chips.vue'
+import { renderString } from '~/helpers/parse.js'
 
 export default {
   components: {

components/ui/ModalTransfer.vue

@@ -76,8 +76,8 @@
 import CrossIcon from '~/assets/images/utils/x.svg'
 import TransferIcon from '~/assets/images/utils/transfer.svg'
 import SettingsIcon from '~/assets/images/utils/settings.svg'
-import Modal from '~/components/ui/Modal'
-import Checkbox from '~/components/ui/Checkbox'
+import Modal from '~/components/ui/Modal.vue'
+import Checkbox from '~/components/ui/Checkbox.vue'
 
 export default {
   components: {

components/ui/ProjectCard.vue

@@ -89,15 +89,15 @@
 </template>
 
 <script>
-import Categories from '~/components/ui/search/Categories'
-import Badge from '~/components/ui/Badge'
-import EnvironmentIndicator from '~/components/ui/EnvironmentIndicator'
+import Categories from '~/components/ui/search/Categories.vue'
+import Badge from '~/components/ui/Badge.vue'
+import EnvironmentIndicator from '~/components/ui/EnvironmentIndicator.vue'
 
 import CalendarIcon from '~/assets/images/utils/calendar.svg'
 import EditIcon from '~/assets/images/utils/updated.svg'
 import DownloadIcon from '~/assets/images/utils/download.svg'
 import HeartIcon from '~/assets/images/utils/heart.svg'
-import Avatar from '~/components/ui/Avatar'
+import Avatar from '~/components/ui/Avatar.vue'
 
 export default {
   components: {

components/ui/ProjectPublishingChecklist.vue

@@ -107,7 +107,7 @@ import RequiredIcon from '~/assets/images/utils/asterisk.svg'
 import SuggestionIcon from '~/assets/images/utils/lightbulb.svg'
 import ModerationIcon from '~/assets/images/sidebar/admin.svg'
 import SendIcon from '~/assets/images/utils/send.svg'
-import Checkbox from '~/components/ui/Checkbox'
+import Checkbox from '~/components/ui/Checkbox.vue'
 
 export default {
   components: {

components/ui/VersionFilterControl.vue

@@ -85,7 +85,7 @@
 
 <script setup>
 import { Multiselect } from 'vue-multiselect'
-import Checkbox from '~/components/ui/Checkbox'
+import Checkbox from '~/components/ui/Checkbox.vue'
 import ClearIcon from '~/assets/images/utils/clear.svg'
 
 const props = defineProps({

components/ui/search/SearchFilter.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import Checkbox from '~/components/ui/Checkbox'
+import Checkbox from '~/components/ui/Checkbox.vue'
 
 export default {
   components: {