feat: more breaking changes

src/components/App.vue

@@ -11,10 +11,13 @@ import ModStore from './ModStore.vue';
 import OptionList from './OptionList.vue';
 import ProfileList from './ProfileList.vue';
 import StartButton from './StartButton.vue';
-import { usePkgStore, usePrfStore } from '../stores';
+import { invoke } from '../invoke';
+import { useGeneralStore, usePkgStore, usePrfStore } from '../stores';
+import { Dirs } from '../types';
 
 const pkg = usePkgStore();
 const prf = usePrfStore();
+const general = useGeneralStore();
 
 pkg.setupListeners();
 
@@ -23,6 +26,10 @@ const currentTab = ref('3');
 const isProfileDisabled = computed(() => prf.current === null);
 
 onMounted(async () => {
+    invoke('list_directories').then((d) => {
+        general.dirs = d as Dirs;
+    });
+
     await prf.reloadList();
     await prf.reload();
 
@@ -65,27 +72,10 @@ onMounted(async () => {
                     <OptionList />
                 </TabPanel>
                 <TabPanel value="3">
-                    <strong>UNDER CONSTRUCTION</strong><br />Many features are
+                    <strong>UNDER CONSTRUCTION</strong><br />Some features are
                     missing.<br />Existing features are expected to break any
                     time.
-                    <div v-if="isProfileDisabled">
-                        <br />Select <code>mu3.exe</code> to create a profile:
-                    </div>
                     <ProfileList />
-                    <div v-if="isProfileDisabled">
-                        <div
-                            style="
-                                margin-top: 5px;
-                                font-weight: bolder;
-                                font-size: 3em;
-                                color: red;
-                                line-height: 1.1em;
-                            "
-                        >
-                            segatools 2024-12-23 or later has to be installed
-                        </div>
-                        (this will change in the future)
-                    </div>
                     <img
                         v-if="prf.current?.game === 'ongeki'"
                         src="/sticker-ongeki.svg"
@@ -97,13 +87,23 @@ onMounted(async () => {
                         class="fixed bottom-0 right-0"
                     />
                     <br /><br /><br />
-                    <Button
-                        style="position: fixed; left: 10px; bottom: 10px"
-                        icon="pi pi-discord"
-                        as="a"
-                        target="_blank"
-                        href="https://discord.gg/jxvzHjjEmc"
-                    />
+                    <footer
+                        style="
+                            position: fixed;
+                            left: 0px;
+                            bottom: 0px;
+                            height: 40px;
+                            width: 100%;
+                        "
+                    >
+                        <Button
+                            style="margin-left: 6px"
+                            icon="pi pi-discord"
+                            as="a"
+                            target="_blank"
+                            href="https://discord.gg/jxvzHjjEmc"
+                        />
+                    </footer>
                 </TabPanel>
             </TabPanels>
         </Tabs>