diff options
-rw-r--r-- | app/assets/javascripts/ide/components/ide_status_list.vue | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/app/assets/javascripts/ide/components/ide_status_list.vue b/app/assets/javascripts/ide/components/ide_status_list.vue index dd21f93a111..364e3f081a1 100644 --- a/app/assets/javascripts/ide/components/ide_status_list.vue +++ b/app/assets/javascripts/ide/components/ide_status_list.vue @@ -3,22 +3,20 @@ import { mapGetters } from 'vuex'; export default { computed: { - ...mapGetters({ - file: 'activeFile', - }), + ...mapGetters(['activeFile']), }, }; </script> <template> <div class="ide-status-list d-flex"> - <template v-if="file"> - <div class="ide-status-file">{{ file.name }}</div> - <div class="ide-status-file">{{ file.eol }}</div> - <div v-if="!file.binary" class="ide-status-file"> - {{ file.editorRow }}:{{ file.editorColumn }} + <template v-if="activeFile"> + <div class="ide-status-file">{{ activeFile.name }}</div> + <div class="ide-status-file">{{ activeFile.eol }}</div> + <div v-if="!activeFile.binary" class="ide-status-file"> + {{ activeFile.editorRow }}:{{ activeFile.editorColumn }} </div> - <div class="ide-status-file">{{ file.fileLanguage }}</div> + <div class="ide-status-file">{{ activeFile.fileLanguage }}</div> </template> <slot></slot> </div> |