This is a .pug file

This template is rendered at request-time by the server. It is not static. Request data is rendered below...

State Data

Note that the instanceID changes on each request.

{
  "context": {},
  "instanceID": "jpmj67b",
  "store": {
    "title": "Taylor Beseda /experiments/pug-template",
    "hCards": {
      "items": [
        "redacted for brevity"
      ]
    },
    "icon": "🏔️",
    "myWeather": {
      "created": "2024-10-10T23:55:32.520Z",
      "values": {
        "precipitationProbability": 0,
        "snowIntensity": 0,
        "visibility": 16,
        "freezingRainIntensity": 0,
        "windGust": 4.69,
        "rainIntensity": 0,
        "temperatureApparent": 26.13,
        "weatherCode": 1101,
        "cloudCover": 47,
        "pressureSurfaceLevel": 844.89,
        "dewPoint": -5.63,
        "sleetIntensity": 0,
        "cloudBase": 3.87,
        "temperature": 26.13,
        "humidity": 12,
        "uvHealthConcern": 0,
        "windDirection": 112.63,
        "uvIndex": 0,
        "windSpeed": 2.81,
        "cloudCeiling": null
      },
      "time": "2024-10-10T23:55:00Z",
      "key": "tomorrow-io",
      "type": "weather"
    },
    "currentlyPlaying": {}
  },
  "attrs": {
    "foo-bar": "baz"
  }
}

Web Components + Enhance

Pug allows raw HTML. This includes custom elements that can then be rendered by Enhance.
Here's this site's footer:

neat, eh?