Importing "theme" via modules results in building empty site

[eljoth]

Hi everyone,
I am going my first steps creating a custom theme currently.
My goal is to use the foundation theme (and fira-sans) without a CDN and provide some layouts via a Hugo Module. One can see my efforts right here: https://github.com/eljoth/eljoth-theme
So far so good, having things set up, everything works smoothly (except for fonts, but that is not so relevant right now), running hugo serve in this repository. So I packed my npm dependencies and gave the website a go.

Importing the module in another hugo module which should represent my deployable website, it does not look so well. My module gets imported (previously I was importing it privately, now it is a public one, obviously), npm install works, but running hugo server or building the site via hugo results in the following error:

WARN  found no layout file for "html" for kind "section": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN  found no layout file for "html" for kind "term": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN  found no layout file for "html" for kind "taxonomy": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN  found no layout file for "html" for kind "home": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.
WARN  found no layout file for "html" for kind "page": You should create a template file which matches Hugo Layouts Lookup Rules for this combination.

and shows a 404 respectively index.html is not built into public.

From my understanding, creating an empty hugo project and importing the module which already provides kind of an example page with some content should show me the same as it does in the module repository directly.

I already tried placing everything into the assets directory, since I thought, static would not be looked up but that was wrong and it still is not working. Copying all the layouts from the theme into the website repo results in a running but not so good looking site, since all css and js is not taken.

I also had a look at the hugoio/bootstrap repo and did not find anything inspiring me to try something else, so I am running out of ideas and would be glad if one of you could give me a hint, what is wrong with my setup.

Many, many thanks in advance, looking forward to getting some food for thoughts!

[jmooring]

When I create a new site, import your module, then vendor it, there is no layouts directory.

hugo new site hugo-forum-topic-47948
cd hugo-forum-topic-47948/
git init
hugo mod init foo

Then add this to hugo.toml:

[[module.imports]]
path = 'github.com/eljoth/eljoth-theme'

Then vendor the theme and inspect the structure:

hugo mod vendor
tree _vendor/github.com/eljoth/eljoth-theme

result

_vendor/github.com/eljoth/eljoth-theme/
├── assets/
│   ├── css/
│   │   ├── colors.css
│   │   └── custom.css
│   └── js/
│       └── main.js
├── resources/
│   └── _gen/
│       └── images/
│           └── posts/
│               ├── post-1/
│               │   └── cover_hu318d1e1e68602ebf8d536765a3b74d24_68377_300x200_fill_q75_h2_box_smart1.webp
│               ├── post-2/
│               │   └── cover_hube0dbac3708f6c87b97eece14e0e08c6_13467_300x200_fill_q75_h2_box_smart1.webp
│               └── post-3/
│                   └── cover_hud1a3a59792d0cd7026c8814891266c4b_86703094_300x200_fill_q75_h2_box_smart1_3.webp
├── static/
│   ├── orbit/
│   │   ├── flowers.png
│   │   ├── sky.png
│   │   ├── surfer.png
│   │   └── waterfalls.png
│   ├── spotlights/
│   │   └── eljoth.png
│   └── favicon.ico
├── hugo.yaml
├── package.hugo.json
├── package.json
└── theme.toml

[eljoth]

Nice tip, thanks!
I added layouts as mount and now it is working except for css being mounted from node_modules. Adding them to the websites mount (identically to what the theme does) fixes it, though.
Seems that I misunderstood the docs a little.