Skip to content
Prev Previous commit
Next Next commit
Move to vue3 composition api
  • Loading branch information
saeed-zil committed Apr 11, 2024
commit 27ea045bfe2a4ff0885c68a5ec109dcba844e04d
19 changes: 7 additions & 12 deletions products/neo-savant/src/components/BottomPanel/index.vue
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<div class="bottom-panel">
<div class="header" @click="handleToggle">
<div class="header" @click="$emit('toggle')">
<div class="tab d-flex align-items-center">
<img height="13px" class="pr-1" src="@/assets/terminal.svg" /> Checker
</div>
Expand All @@ -11,18 +11,13 @@
</div>
</template>

<script>
<script setup>

import { defineProps, defineEmits } from "vue";
import CheckerTab from "./Checker.vue";
defineProps(["active"])
const emit = defineEmits(["toggle"])

export default {
props: ["active"],
components: { CheckerTab },
methods: {
handleToggle() {
this.$emit("toggle");
}
}
};
</script>

<style lang="scss" scoped>
Expand Down Expand Up @@ -62,4 +57,4 @@ export default {
overflow-y: scroll;
}
}
</style>
</style>