fix: correct Alpine scope for notes panel, tojson escaping, remove dead code

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-21 16:11:41 +02:00
parent e4e4de319d
commit c9c1a50103
3 changed files with 4 additions and 5 deletions
@@ -7,7 +7,7 @@
  <script src="https://cdn.tailwindcss.com"></script>
  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js"></script>
 </head>
-<body class="min-h-screen bg-base-200">
+<body class="min-h-screen bg-base-200" x-data="notesApp({{ notes_content | tojson }}, '{{ album_id }}')">

  <!-- Navbar -->
  <div class="navbar bg-base-100 shadow-sm sticky top-0 z-40">
@@ -27,7 +27,7 @@
    </div>
    <div class="navbar-end px-4">
      {% if album_id %}
-      <button class="btn btn-ghost btn-sm" @click="open = !open" x-data>📝 Notes</button>
+      <button class="btn btn-ghost btn-sm" @click="open = !open">📝 Notes</button>
      {% endif %}
    </div>
  </div>
@@ -45,7 +45,7 @@
  {% endif %}

  <!-- Body with notes drawer -->
-  <div class="flex relative" x-data="notesApp('{{ notes_content | e }}', '{{ album_id }}')">
+  <div class="flex relative">
    <div class="flex-1 min-w-0 transition-all" :class="open ? 'mr-80' : ''">
      {% block content %}{% endblock %}
    </div>