✨ Add Alpine compatibility to block previews (#274)

resources/views/alpine-support.blade.php

@@ -0,0 +1,3 @@
+<script type="text/javascript">
+  acf.addFilter('acf_blocks_parse_node_attr', (current, node) => node.name.startsWith('x-') ? node : current);
+</script>

src/AcfComposer.php

@@ -100,6 +100,10 @@ public function boot(): void
 
         add_filter('acf/init', fn () => $this->handleComposers(), config('acf.hookPriority', 100));
 
+        add_filter('acf/input/admin_footer', function () {
+            echo view('acf-composer::alpine-support')->render();
+        });
+
         $this->booted = true;
     }
 

src/Providers/AcfComposerServiceProvider.php

@@ -31,6 +31,7 @@ public function boot()
             __DIR__.'/../../config/acf.php' => $this->app->configPath('acf.php'),
         ], 'acf-composer');
 
+        $this->loadViewsFrom(__DIR__.'/../../resources/views', 'acf-composer');
         $this->mergeConfigFrom(__DIR__.'/../../config/acf.php', 'acf');
 
         $composer = $this->app->make('AcfComposer');