feat: segatools.ini loading

src/components/App.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import { Ref, computed, onMounted, ref } from 'vue';
 import Button from 'primevue/button';
+import ConfirmDialog from 'primevue/confirmdialog';
 import Dialog from 'primevue/dialog';
 import InputIcon from 'primevue/inputicon';
 import InputText from 'primevue/inputtext';
+import ScrollPanel from 'primevue/scrollpanel';
 import Tab from 'primevue/tab';
 import TabList from 'primevue/tablist';
 import TabPanel from 'primevue/tabpanel';
@@ -23,6 +25,7 @@ import {
     usePrfStore,
 } from '../stores';
 import { Dirs } from '../types';
+import { messageSplit } from '../util';
 
 const pkg = usePkgStore();
 const prf = usePrfStore();
@@ -86,6 +89,23 @@ listen<{ message: string; header: string }>('invoke-error', (event) => {
                     : 'main-scale-xl'
         "
     >
+        <ConfirmDialog>
+            <template #message="{ message }">
+                <ScrollPanel
+                    v-if="messageSplit(message).length > 5"
+                    style="width: 100%; height: 40vh"
+                >
+                    <p v-for="m in messageSplit(message)">
+                        {{ m }}
+                    </p></ScrollPanel
+                >
+                <div v-else>
+                    <p v-for="m in messageSplit(message)">
+                        {{ m }}
+                    </p>
+                </div>
+            </template>
+        </ConfirmDialog>
         <Dialog
             modal
             :visible="errorVisible"