'VueJS generate seperated JS and html files with vue-template-loader/ Website without JavaScript

So here´s a weird question. We have to develop an own website in our module Frontend Design for a study project. Problem is, our prof seems to live 30 years in the past and literally hates JavaScript. First thing he does, when he´s given a website: deactivate javascript and figure out, if it still shows up. Kinda funny, but also really annoying that such a person is teaching something called "Frontend Design". Not having a problem with telling people, that it´s great if a webpage also works without JS, but he literally "debunks" 90% of modern websites, bc they were written in react or other JS Frameworks, whatever... So obviously React, which I´m pretty much used to, is not an option, except for me rendering it serversite with nextJS, but I´m not doing that. I also don´t see me writing a whole website in plain html and css. We are allowed to use JavaScript for animation and "extra functionality" tho. So I read about that vue-template-loader plugin for a Vue build, which separates the scripts from the html, making the website "work" without JavaScript.

In the end we should have a website, which loads and navigates without javascript. There also is a contact formular, who´s input should be send to another API (also without js I believe), the rest doesnt matter. Would that be possible with that vue-template-loader? Barely worked with vue yet... Would be freatful for any help I can get, or mayb you´re having another idea on how to safe time and code readability, so that I don´t have to write a 6000 lines of code index.html file lol.

Cheers!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source