Preprocessing default styles

[luminarious]

Hey! I just started trying Iles and I really like your philosophy here.
An issue though: if I import 'assets/main.styl' in app.js, then it's not processed by Vite and not included at all. Do I need to do anything extra? Including it in every layout would be very redundant and I'd prefer not to do that.

[ElMassimo]

Hi Hardi! @luminarious

As you mentioned, importing styles in src/app.ts is the best way to add global styles, as in these examples.

For not-so-global styles, have in mind that layouts can inherit from other layouts—a common pattern I've been using is to create a base layout which can be easily referenced from other layouts using <template layout="base">.

---

Currently, îles only attempts to detect src/app.ts (in contrast with src/app.js).

You don't really need to use TypeScript if you don't want to, and can write plain JS, but the file needs to be named that way.

Let me know if you meant src/app.ts, if you share a minimal reproduction I can take a look.

[luminarious]

Thank you, now it works! I don't know why I just expected app.js to work :P

[gilesbutler]

Hey @ElMassimo,

I just came across this as I had a similar issue after trying to remove Typescript and use plain js files. Eslint was playing up and I'm not a big fan of using TS, would it be possible to use either JS or TS? Just wondering why it's only TS?

Thanks

[gilesbutler]

Thanks @ElMassimo 👍

Those configurations helped as well as "allowJs": true and add plugin:vue/vue3-recommended to eslint.

Makes sense re the lookups and simplicity.

[gilesbutler]

i'm also seeing that I have to add lang="ts" to the script tags otherwise Isle's throws errors in the browser, is that the correct approach?

[gilesbutler]

Adding lang="ts" also breaks the syntax highlighting in the vue file

[ElMassimo]

Please open a separate discussion for that with a small example, don't recall that you need lang=ts in your own components, but seems fixable if it's related to something îles is doing.

[gilesbutler]

Ok thanks @ElMassimo - I'll see if it's something we've done on this end first