Modding tips

Document useful variables and fun things to hook here.

1. Quick ways to reload the app: Ctrl+R, middle clicking the refresh button (while in dev mode), F5 (while within the console/inspector).

2. /settings/mod in the address bar jumps to the mod settings section when loaded. Crucial if you need to edit mod settings often during development.

3. There is a /tests page that includes some debugging info including a full vue compiler

4. archive.tweaks.modHomeRowItems allows you to add new icons to the home screen:

    edit(archive) {
        archive.tweaks.modHomeRowItems.push({
            href: "assets://archive/wizardyherbert/WH.pdf",
            thumbsrc: "/archive/collection/archive_wh.png",
            date: "Jul 2008",
            title: 'Wizardy Herbert and the Mobius Slipknot',
            description: `<p>JUNIOR ACCOUNTING CAMP: It really <i>“adds up”</i> for your child’s future!</p>`
        })
    }

5. You can use HTML in your mod descriptions and mod settings descriptions. Simple and useful things to do are link to your mod's source code, format your description text, and embed or link images (you can include them in your mod folder and use routes and an assets:// link)