Update API base URL configuration in templates and JavaScript

Author: tatevikg1

assets/vue/api.js

@@ -38,7 +38,8 @@ const redirectToLogin = () => {
 
 const appElement = document.getElementById('vue-app');
 const apiToken = appElement?.dataset.apiToken;
-const apiBaseUrl = appElement?.dataset.apiBaseUrl;
+const apiElement = document.getElementById('api-config');
+const apiBaseUrl = apiElement?.dataset.apiBaseUrl;
 
 if (!apiBaseUrl) {
     console.error('API Base URL is not configured.');

templates/base.html.twig

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>{% block title %}phpList{% endblock %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta id="api-config" data-api-base-url="{{ api_base_url }}">
     <link rel="stylesheet" href="{{ asset('build/app.css', 'phplist_web_frontend') }}">
     <link rel="stylesheet" href="{{ asset('build/styles.css', 'phplist_web_frontend') }}">
 

templates/spa.html.twig

@@ -5,7 +5,6 @@
 {% block body %}
     <div id="vue-app"
          data-api-token="{{ app.session.get('auth_token')|default('') }}"
-         data-api-base-url="{{ api_base_url|default('') }}"
          data-dashboard-stats="{{ dashboard_stats|default({})|json_encode|e('html_attr') }}"
          data-dashboard-error="{{ dashboard_error|default('')|e('html_attr') }}"
          data-bounce-actions="{{ bounce_actions|default({})|json_encode|e('html_attr') }}">