Reuse of styles in multiple templates?

[DavidDeSloovere]

Anyone found a way to reuse styles in multiple .vue mails?
I thought I could move styles into a separate file, but when compiling then import fails.
This is running in Nuxt, which might be an important note.

// ./emails/styles.ts
import type { CSSProperties } from "vue";

export const main = {
  backgroundColor: "#ffffff",
  fontFamily: "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
} satisfies CSSProperties;

// .emails/contact.vue
import { btnContainer, button, container, footer, hr, logo, main, paragraph } from "./styles";

The error stack. I tried different paths, but could not get anything working.

Error loading component node:internal/modules/cjs/loader:1051
  throw err;
  ^

Error: Cannot find module './styles'
Require stack:
- D:\Repos\speedboat\node_modules\.pnpm\[email protected][email protected]\node_modules\import-string\dist\5syw4-mJrPEJeL8GDrUVw.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1048:15)
    at Module._load (node:internal/modules/cjs/loader:901:27)
    at Module.require (node:internal/modules/cjs/loader:1115:19)
    at require (node:internal/modules/helpers:130:18)
    at D:\Repos\speedboat\node_modules\.pnpm\[email protected][email protected]\node_modules\import-string\dist\5syw4-mJrPEJeL8GDrUVw.js:36:21
    at Script.runInContext (node:vm:134:12)
    at Script.runInNewContext (node:vm:139:17)
    at Object.runInNewContext (node:vm:289:38)
    at requireFromString (D:\Repos\speedboat\node_modules\.pnpm\[email protected]\node_modules\module-from-string\dist\index.js:134:6)
    at importFromStringSync (D:\Repos\speedboat\node_modules\.pnpm\[email protected]\node_modules\module-from-string\dist\index.js:248:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'D:\\Repos\\speedboat\\node_modules\\.pnpm\\[email protected][email protected]\\node_modules\\import-string\\dist\\5syw4-mJrPEJeL8GDrUVw.js'
  ]
}

Alternatively, a layout file would be great to inherit from.

[Flowko]

with the new update you can do that, sorry for the late reponse