Edits

app/components/header_component.rb

@@ -50,7 +50,7 @@ def call
       tag.li(**html_attributes) do
         if link?
           link_to(href, class: 'dfe-header__navigation-link', **options) do
-            text.concat(chevron).html_safe
+            (text + chevron).html_safe
           end
         else
           text

app/javascript/application.js

@@ -1,7 +1,9 @@
-import { initAll } from 'govuk-frontend';
-initAll();
-
 import '@hotwired/turbo-rails';
+
 import './controllers';
 
-import $ from 'jquery';
+import { initAll } from 'govuk-frontend';
+
+document.addEventListener('turbo:load', function() {
+  initAll();
+})

app/javascript/controllers/index.js

@@ -1,5 +1,10 @@
 import { Application } from '@hotwired/stimulus'
-import Reveal from 'stimulus-reveal-controller'
+import Reveal from '@stimulus-components/reveal'
 
 const application = Application.start()
+
 application.register('reveal', Reveal)
+
+application.debug = true
+window.Stimulus = application
+export { application }

app/views/pages/_card.html.slim

@@ -3,6 +3,9 @@
     a href=card.path
       .hf-card-container 
         = image_tag(card.thumbnail.url, class: 'full-width-image', alt: card.thumbnail.description, title: card.thumbnail.title)
-        .hf-card-details 
-          h3.govuk-heading-m=card&.title
-          p.govuk-body=card&.meta_description || card&.hero_description
+
+        .hf-card-details
+          h3.govuk-heading-m
+            = card.title
+          p.govuk-body
+            = card.meta_description || card.hero_description

docker-compose.yml

@@ -2,7 +2,6 @@
 #
 #
 ---
-version: '3.8'
 services:
   app:
     container_name: reform_prod