Hello there
I am trying to build the TailwindCSS-Example Navbar in Kirby:
https://tailwindcss.com/course/making-the-navbar-responsive
The original sourcecode is here: https://github.com/tailwindlabs/designing-with-tailwindcss/tree/master/03-building-a-responsive-navbar/03-making-the-navbar-responsive
My problem is that I cannot get it to work. The navbar is not rendered at all: https://kgsrastede.de/devblog
I am pretty sure that there is a stupid mistake in my files somewhere, but I just cannot find it. As nothing is rendered at all I guess that the Vue-App is not loaded correctly. This is not strictly a Kirby-Issue but outside Kirby it works, I just cannot get it to work inside my Kirby-page.
Perhaps somebody in here is kind enough to have a look. I am pretty sure that a Vue-developer sees that issues quickly.
- I know that in App.vue I include a local path (“import Navbar from ‘http://kirby/assets/js/components/Navbar.vue’”), but that path works in my dev-environment, so locally that path is correct)
My code is here:
https://git.kgsrastede.de/KGS-Rastede/homepage/src/branch/master/assets/js
and here is the header: https://git.kgsrastede.de/KGS-Rastede/homepage/src/branch/master/site/snippets/header-devblog.php
TailwindCSS itself works, the VUE-tutorial-code works (for example this works inside Kirby: https://scrimba.com/p/pXKqta/cQ3QVcr) so I am reasonable sure that the issue is how I use Vue inside Kirby.
Thanks you for any help!
Carsten