fix ray exception component view

src/entities/ray/ui/ray-exception/ray-exception.vue

@@ -1,12 +1,24 @@
 <script lang="ts" setup>
-import type { RayContentException } from "../../types";
-import { RayFile } from "../ray-file";
+import { computed, defineProps, withDefaults } from 'vue'
+import type { RayContentException } from '../../types'
+import { RayFile } from '../ray-file'
+
+const RAY_MAX_EXCEPTION_FRAMES = 10
 
 type Props = {
-  exception: RayContentException;
-};
+  exception: RayContentException
+  maxFrames?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  maxFrames: 0
+})
+
+const exceptionFrames = computed(() => {
+  const frames = props.exception.frames || []
 
-defineProps<Props>();
+  return frames.slice(0 - RAY_MAX_EXCEPTION_FRAMES).reverse()
+})
 </script>
 
 <template>
@@ -22,18 +34,13 @@ defineProps<Props>();
     </header>
 
     <div class="ray-exception__files">
-      <RayFile
-        v-for="(file, i) in exception.frames"
-        :key="i"
-        :file="file"
-        :collapsed="i !== 0"
-      />
+      <RayFile v-for="(file, i) in exceptionFrames" :key="i" :file="file" :is-open="i !== 0" />
     </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
-@import "src/assets/mixins";
+@import 'src/assets/mixins';
 .ray-exception {
   @apply flex flex-col;
 }

src/entities/ray/ui/ray-file/ray-file.vue

@@ -6,11 +6,14 @@ import type { RayFrame } from '../../types'
 
 type Props = {
   file: RayFrame
+  isOpen?: boolean
 }
 
-const props = defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  isOpen: false
+})
 
-const collapsed = ref(true)
+const collapsed = ref(props.isOpen)
 
 const hasSnippets = computed(() => (props.file.snippet ? props.file.snippet.length > 0 : false))
 </script>