Hello, I have set 'transform_anchors': fal

When I click to the Ancor link, I get <div class="snippet-clipboard-content notran

Anchor links throw exceptions in console and make the links unusable,about protonemedia/laravel-splade

Comments (3)

pascalbaljet commented on May 17, 2024

Could you share the exception?

from laravel-splade.

donmbelembe commented on May 17, 2024

When I click to the Ancor link, I get

Uncaught TypeError: Cannot read properties of null (reading 'html')
    at Proxy.a (protone-media-laravel-splade.js:185:49)

[Vue warn]: Unhandled error during execution of render function 
  at <SpladeApp el= <div id="app" data-components=""<SpladeConfirm\n    default-title=\"Are you sure you want to continue?\"\n    default-text=\"\"\n    default-confirm-button=\"Confirm\"\n    default-cancel-button=\"Cancel\"\n>\n    <template #default=\"confirm\">\n        <component :is=\"confirm.TransitionRoot\" as=\"template\" :show=\"confirm.isOpen\">\n            <component :is=\"confirm.Dialog\" as=\"div\" class=\"relative z-30\" @close=\"confirm.setIsOpen(false)\">\n                <component\n                    :is=\"confirm.TransitionChild\"\n                    as=\"template\"\n                    enter=\"ease-out duration-300\"\n                    enter-from=\"opacity-0\"\n                    enter-to=\"opacity-100\"\n                    leave=\"ease-in duration-200\"\n                    leave-from=\"opacity-100\"\n                    leave-to=\"opacity-0\"\n                >\n                    <div class=\"fixed inset-0 bg-black\/75 transition-opacity\" \/>\n                <\/component>\n\n                <div class=\"fixed z-30 inset-0 overflow-y-auto\">\n                    <div class=\"flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0\">\n                        <component\n                            :is=\"confirm.TransitionChild\"\n                            as=\"template\"\n                            enter=\"ease-out duration-300\"\n                            enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            enter-to=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leave-from=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            @after-leave=\"confirm.emitClose\"\n                        >\n                            <component :is=\"confirm.DialogPanel\"\n                                class=\"relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full sm:p-6\">\n                                <div class=\"sm:flex sm:items-start\">\n                                    <div class=\"text-center sm:mt-0 sm:text-left\">\n                                        <h3 class=\"text-lg leading-6 font-medium text-gray-900\" v-text=\"confirm.title\" \/>\n                                        <div class=\"mt-2\" v-if=\"confirm.text\">\n                                            <p class=\"text-sm text-gray-500\" v-text=\"confirm.text\" \/>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"mt-5 sm:mt-4 sm:flex\">\n                                    <button\n                                        dusk=\"splade-confirm-confirm\"\n                                        type=\"button\"\n                                        class=\"inline-flex justify-center w-full rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm\"\n                                        @click.prevent=\"confirm.confirm\"\n                                        v-text=\"confirm.confirmButton\"\n                                    \/>\n                                    <button\n                                        dusk=\"splade-confirm-cancel\"\n                                        type=\"button\"\n                                        class=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 px-4 py-2 bg-white text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm\"\n                                        @click.prevent=\"confirm.cancel\"\n                                        v-text=\"confirm.cancelButton\"\n                                    \/>\n                                <\/div>\n                            <\/component>\n                        <\/component>\n                    <\/div>\n                <\/div>\n            <\/component>\n        <\/component>\n    <\/template>\n<\/SpladeConfirm><SpladeToasts>\n    <template #default=\"toasts\">\n        <component :is=\"toasts.TransitionRoot\" appear :show=\"toasts.hasBackdrop\">\n            <!-- The backdrop, rendered as a fixed sibling to the panel container -->\n            <component\n                :is=\"toasts.TransitionChild\"\n                enter=\"ease-in-out duration-300\"\n                enter-from=\"opacity-0\"\n                enter-to=\"opacity-100\"\n                leave=\"ease-in-out duration-300\"\n                leave-from=\"opacity-100\"\n                leave-to=\"opacity-0\"\n            >\n                <div class=\"fixed inset-0 bg-black\/75 transition-opacity\" \/>\n            <\/component>\n        <\/component>\n\n        <div class=\"fixed inset-0 grid grid-cols-3 grid-flow-row-3 z-10 pointer-events-none\">\n            <div v-for=\"position in toasts.positions\" class=\"relative\">\n                <div\n                    :class=\"{\n                        'absolute w-full h-full flex flex-col p-4 space-y-4': true,\n                        'items-start justify-start': position == 'left-top',\n                        'items-center justify-start': position == 'center-top',\n                        'items-end justify-start': position == 'right-top',\n                        'items-start justify-center': position == 'left-center',\n                        'items-center justify-center': position == 'center-center',\n                        'items-end justify-center': position == 'right-center',\n                        'items-start justify-end': position == 'left-bottom',\n                        'items-center justify-end': position == 'center-bottom',\n                        'items-end justify-end': position == 'right-bottom'\n                    }\"\n                >\n                    <template v-for=\"(toast, toastKey) in toasts.toasts\">\n                        <template v-if=\"toast.position == position && !toast.dismissed && toast.html\">\n                            <component :is=\"toasts.Render\"\n                                @dismiss=\"toasts.dismissToast(toastKey)\"\n                                :toast-key=\"toastKey\"\n                                :key=\"toastKey\"\n                                :html=\"toast.html\"\n                            \/>\n                        <\/template>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/SpladeToasts>\n"" data-html=""<div class=\"min-h-screen bg-gray-100\">\n    <SpladeData \n     :default=\"{ open: false }\" >\n    <template #default=\"data\">\n        <nav class=\"bg-white border-b border-gray-100\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex w-full  justify-between \">\n                    <!-- Logo -->\n                    <div class=\" flex items-center\">\n                        <a href=\"http:\/\/localhost\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 696 110\" class=\"w-52\">\n\t<path d=\"m157.9 15.9h-111.4q-11.5 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8.1 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm45.7-8.1v32.8q0 8.8 8 15.1 8.1 6.1 19.6 6.1h92.8q3.9 0 6.7 2.2 2.9 2 2.9 5v5.5q0 1-0.9 1.8-1 0.7-2.3 0.7h-97.6q-19.8 0-33.8-10.7-14.1-10.6-14.1-25.7v-37.6q0-1 1-1.6 1-0.7 2.3-0.7h5.8q4 0 6.7 2.2 2.9 2 2.9 4.9zm274.2 37.5h-92.9q-3.7 0-6.4-1.9-2.7-2.1-2.7-5 0-2.9 2.9-5 2.9-2.2 6.7-2.2h98.8q1.3 0 2.3 0.8 0.9 0.6 0.9 1.6v4.4q0 3-2.8 5.2-2.9 2.1-6.8 2.1zm18.7-29.4h-111.4q-11.6 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm190.9 21q4 3.1 6.3 7.9 2.3 4.9 2.1 9.7-0.2 9.3-9.2 15.9-9 6.6-21.5 6.6h-133.1q-1.4 0-2.3-0.7-1-0.8-1-1.8v-71.5q0-1 1-1.6 0.9-0.7 2.3-0.7h131.6q12.1 0 20.9 6.1 9 6.2 9.8 15.2 0.6 8.1-6.9 14.9zm-22.1-21h-116.4q-1.6 0-1.6 1.2v12.8q0 1.3 1.6 1.3h116.8q4.2 0 7.1-2.3 3.1-2.3 2.9-5.6 0-3-3.1-5.2-3.1-2.2-7.3-2.2zm-116.4 45.9h117.9q4.3 0 7.3-2.2 3.1-2.2 3.3-5.3 0-3.3-3.1-6.1-2.9-2.9-7.1-2.9h-118.3q-1.6 0-1.6 1.1v14.1q0 1.3 1.6 1.3z\"\/>\n\t<path d=\"m468.6 105.3v-18.2q0-0.8 0.5-1.4 0.6-0.6 1.5-0.6h1.2q0.3 0 0.5 0.2 0.2 0.2 0.2 0.5v18.2q0 0.8-0.6 1.4-0.6 0.6-1.4 0.6h-1.2q-0.3 0-0.5-0.2-0.2-0.2-0.2-0.5zm41-16.4h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v14.6q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.6q-1 0-1.9-0.5l-0.1-0.1-21.6-12.9q0 0 0 0 0 0 0 0v11.7q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-14.5q0-0.8 0.5-1.3 0.6-0.5 1.5-0.5h1.5q1.1 0 1.9 0.5l21.7 13q0 0 0.1 0 0 0 0-0.1v-11.6q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm17.8 0h21.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-20.4q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v10.9q0 0.7-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.3-0.2-0.5v-12q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm0 6.8h15.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1q0 0.7-0.6 1.2-0.6 0.6-1.4 0.6h-15.3q-0.3 0-0.5-0.2-0.3-0.2-0.3-0.6v-0.9q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm34.5-6.8h13.1q3.7 0 6.4 2.4 2.6 2.3 2.6 5.7v0.8q0 3.4-2.6 5.8-2.7 2.4-6.4 2.4h-13.1q-3.7 0-6.4-2.4-2.6-2.4-2.6-5.8v-0.8q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm18.2 8.9v-0.8q0-1.8-1.4-3.1-1.4-1.3-3.4-1.3h-13.7q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v0.8q0 1.8 1.4 3.2 1.4 1.2 3.4 1.2h13.7q2 0 3.4-1.2 1.4-1.4 1.4-3.2zm14.8-2h19.9q2.5 0 4.1 1.4 1.7 1.4 1.7 3.6 0 2.1-1.7 3.7-1.7 1.5-4.1 1.5h-24.2q-0.4 0-0.6-0.2-0.3-0.2-0.3-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.6-1.4-1.6-3.5 0-2.3 1.6-3.9 1.8-1.7 4.1-1.7h24.3q0.3 0 0.5 0.3 0.3 0.2 0.3 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.5 1 0.5 0.4 1.1 0.4zm61.8-6.2v1.5q0 0.5 0 1v4.9q0 3.7-2.4 6.4-2.4 2.6-5.8 2.6h-20.1q-0.3 0-0.5-0.2-0.2-0.3-0.2-0.6v-1.1q0-0.8 0.5-1.4 0.5-0.6 1.3-0.6h19q1.7 0 2.9-1.2 1.3-1.2 1.5-3.1-2.4 1.5-5.2 1.5h-13.1q-3.7 0-6.3-2.4-2.7-2.4-2.7-5.8v-0.4q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.5q0 1.9 1.4 3.2 1.4 1.3 3.4 1.3h13.7q2 0 3.4-1.3 1.5-1.3 1.5-3.2v-0.7q0-0.8 0.5-1.1 0.6-0.4 1.4-0.4h1.1q0.4 0 0.6 0.2 0.2 0.2 0.2 0.5zm11.4 6.2h19.9q2.4 0 4.1 1.4 1.6 1.4 1.6 3.6 0 2.1-1.7 3.7-1.7 1.5-4 1.5h-24.3q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.7-1.4-1.7-3.5 0-2.3 1.7-3.9 1.7-1.7 4.1-1.7h24.2q0.3 0 0.6 0.3 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.5 0.5-1.3 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.4 1 0.5 0.4 1.2 0.4z\"\/>\n<\/svg>                        <\/a>\n                    <\/div>\n\n                    <!-- Navigation Links -->\n                    <div class=\"hidden space-x-8 sm:-my-px sm:ml-10 sm:flex\">\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b-2 border-primary-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-primary-700 transition\" href=\"http:\/\/localhost\">\n    Home\n<\/Link>\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b…        <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Pricing <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Documentation <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Guides <\/a>\n              <\/li>\n\n              <Link modal  href=\"http:\/\/localhost\/contact\" class=\"flex items-center lg:order-2\">\n                <li>\n                  <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\">\n                      Nous contacter\n                  <\/a>\n                <\/li>\n              <\/Link>\n\n            <\/ul>\n          <\/div>\n          <div class=\"mt-12 md:mt-0\">\n            <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Compagnie<\/h3>\n            <ul role=\"list\" class=\"mt-4 space-y-4\">\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> \u00c0 propos <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Partenaires <\/a>\n              <\/li>\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Claim <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Privacy <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Terms <\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n\n        <\/div>\n      <\/div>\n      <div class=\"mt-8 xl:mt-0\">\n        <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Abonnez-vous \u00e0 notre newsletter<\/h3>\n        <p class=\"mt-4 text-base text-gray-300\">Abonnez-vous \u00e0 notre newsletter pour \u00eatre inform\u00e9 de nos produits.<\/p>\n        <form class=\"mt-4 sm:flex sm:max-w-md\">\n          <label for=\"email-address\" class=\"sr-only\">Email address<\/label>\n          <input type=\"email\" name=\"email-address\" id=\"email-address\" autocomplete=\"email\" required class=\"appearance-none min-w-0 w-full bg-white border border-transparent rounded-md py-2 px-4 text-base text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white focus:border-white focus:placeholder-gray-400\" placeholder=\"Enter your email\">\n          <div class=\"mt-3 rounded-md sm:mt-0 sm:ml-3 sm:flex-shrink-0\">\n            <button type=\"submit\" class=\"w-full bg-primary-500 border border-transparent rounded-md py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-primary-500\">Subscribe<\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n    <div class=\"mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between\">\n      <div class=\"flex space-x-6 md:order-2\">\n        <a href=\"https:\/\/www.facebook.com\/ClebInfosys\" target=\"_blank\" class=\"text-gray-400 hover:text-gray-300\">\n          <span class=\"sr-only\">Facebook<\/span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\" \/>\n          <\/svg>\n        <\/a>\n\n        <a href=\"https:\/\/twitter.com\/cleb_infosys?s=21&t=tEsWWweDcHypVRrxNNbiAA\" target=\"_blank\" class=\"text-gray-400 hover:text-gray-300\">\n          <span class=\"sr-only\">Twitter<\/span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" \/>\n          <\/svg>\n        <\/a>\n      <\/div>\n      <p class=\"mt-8 text-base text-gray-400 md:mt-0 md:order-1\">&copy; 2022 Clebinfosys, Inc. Tous les droits sont r\u00e9serv\u00e9s.<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n    <\/main>\n<\/div>\n"" data-splade="{"modal":null,"refresh":false,"flash":{},"errors":{},"shared":{},"toasts":[]}" data-v-app>…</div> > 
  at <App>
warn2 @ runtime-core.esm-bundler.js:38
logError @ runtime-core.esm-bundler.js:212
handleError @ runtime-core.esm-bundler.js:204
renderComponentRoot @ runtime-core.esm-bundler.js:925
componentUpdateFn @ runtime-core.esm-bundler.js:5651
run @ reactivity.esm-bundler.js:185
instance.update @ runtime-core.esm-bundler.js:5694
callWithErrorHandling @ runtime-core.esm-bundler.js:155
flushJobs @ runtime-core.esm-bundler.js:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js:285
queueJob @ runtime-core.esm-bundler.js:279
(anonymous) @ runtime-core.esm-bundler.js:5692
triggerEffect @ reactivity.esm-bundler.js:394
triggerEffects @ reactivity.esm-bundler.js:384
triggerRefValue @ reactivity.esm-bundler.js:1000
(anonymous) @ reactivity.esm-bundler.js:1131
triggerEffect @ reactivity.esm-bundler.js:394
triggerEffects @ reactivity.esm-bundler.js:379
triggerRefValue @ reactivity.esm-bundler.js:1000
set value @ reactivity.esm-bundler.js:1044
a @ protone-media-laravel-splade.js:185
runtime-core.esm-bundler.js:38 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core 
  at <SpladeApp el= <div id="app" data-components=""<SpladeConfirm\n    default-title=\"Are you sure you want to continue?\"\n    default-text=\"\"\n    default-confirm-button=\"Confirm\"\n    default-cancel-button=\"Cancel\"\n>\n    <template #default=\"confirm\">\n        <component :is=\"confirm.TransitionRoot\" as=\"template\" :show=\"confirm.isOpen\">\n            <component :is=\"confirm.Dialog\" as=\"div\" class=\"relative z-30\" @close=\"confirm.setIsOpen(false)\">\n                <component\n                    :is=\"confirm.TransitionChild\"\n                    as=\"template\"\n                    enter=\"ease-out duration-300\"\n                    enter-from=\"opacity-0\"\n                    enter-to=\"opacity-100\"\n                    leave=\"ease-in duration-200\"\n                    leave-from=\"opacity-100\"\n                    leave-to=\"opacity-0\"\n                >\n                    <div class=\"fixed inset-0 bg-black\/75 transition-opacity\" \/>\n                <\/component>\n\n                <div class=\"fixed z-30 inset-0 overflow-y-auto\">\n                    <div class=\"flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0\">\n                        <component\n                            :is=\"confirm.TransitionChild\"\n                            as=\"template\"\n                            enter=\"ease-out duration-300\"\n                            enter-from=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            enter-to=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leave-from=\"opacity-100 translate-y-0 sm:scale-100\"\n                            leave-to=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                            @after-leave=\"confirm.emitClose\"\n                        >\n                            <component :is=\"confirm.DialogPanel\"\n                                class=\"relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full sm:p-6\">\n                                <div class=\"sm:flex sm:items-start\">\n                                    <div class=\"text-center sm:mt-0 sm:text-left\">\n                                        <h3 class=\"text-lg leading-6 font-medium text-gray-900\" v-text=\"confirm.title\" \/>\n                                        <div class=\"mt-2\" v-if=\"confirm.text\">\n                                            <p class=\"text-sm text-gray-500\" v-text=\"confirm.text\" \/>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"mt-5 sm:mt-4 sm:flex\">\n                                    <button\n                                        dusk=\"splade-confirm-confirm\"\n                                        type=\"button\"\n                                        class=\"inline-flex justify-center w-full rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm\"\n                                        @click.prevent=\"confirm.confirm\"\n                                        v-text=\"confirm.confirmButton\"\n                                    \/>\n                                    <button\n                                        dusk=\"splade-confirm-cancel\"\n                                        type=\"button\"\n                                        class=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 px-4 py-2 bg-white text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm\"\n                                        @click.prevent=\"confirm.cancel\"\n                                        v-text=\"confirm.cancelButton\"\n                                    \/>\n                                <\/div>\n                            <\/component>\n                        <\/component>\n                    <\/div>\n                <\/div>\n            <\/component>\n        <\/component>\n    <\/template>\n<\/SpladeConfirm><SpladeToasts>\n    <template #default=\"toasts\">\n        <component :is=\"toasts.TransitionRoot\" appear :show=\"toasts.hasBackdrop\">\n            <!-- The backdrop, rendered as a fixed sibling to the panel container -->\n            <component\n                :is=\"toasts.TransitionChild\"\n                enter=\"ease-in-out duration-300\"\n                enter-from=\"opacity-0\"\n                enter-to=\"opacity-100\"\n                leave=\"ease-in-out duration-300\"\n                leave-from=\"opacity-100\"\n                leave-to=\"opacity-0\"\n            >\n                <div class=\"fixed inset-0 bg-black\/75 transition-opacity\" \/>\n            <\/component>\n        <\/component>\n\n        <div class=\"fixed inset-0 grid grid-cols-3 grid-flow-row-3 z-10 pointer-events-none\">\n            <div v-for=\"position in toasts.positions\" class=\"relative\">\n                <div\n                    :class=\"{\n                        'absolute w-full h-full flex flex-col p-4 space-y-4': true,\n                        'items-start justify-start': position == 'left-top',\n                        'items-center justify-start': position == 'center-top',\n                        'items-end justify-start': position == 'right-top',\n                        'items-start justify-center': position == 'left-center',\n                        'items-center justify-center': position == 'center-center',\n                        'items-end justify-center': position == 'right-center',\n                        'items-start justify-end': position == 'left-bottom',\n                        'items-center justify-end': position == 'center-bottom',\n                        'items-end justify-end': position == 'right-bottom'\n                    }\"\n                >\n                    <template v-for=\"(toast, toastKey) in toasts.toasts\">\n                        <template v-if=\"toast.position == position && !toast.dismissed && toast.html\">\n                            <component :is=\"toasts.Render\"\n                                @dismiss=\"toasts.dismissToast(toastKey)\"\n                                :toast-key=\"toastKey\"\n                                :key=\"toastKey\"\n                                :html=\"toast.html\"\n                            \/>\n                        <\/template>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/SpladeToasts>\n"" data-html=""<div class=\"min-h-screen bg-gray-100\">\n    <SpladeData \n     :default=\"{ open: false }\" >\n    <template #default=\"data\">\n        <nav class=\"bg-white border-b border-gray-100\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex w-full  justify-between \">\n                    <!-- Logo -->\n                    <div class=\" flex items-center\">\n                        <a href=\"http:\/\/localhost\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 696 110\" class=\"w-52\">\n\t<path d=\"m157.9 15.9h-111.4q-11.5 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8.1 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm45.7-8.1v32.8q0 8.8 8 15.1 8.1 6.1 19.6 6.1h92.8q3.9 0 6.7 2.2 2.9 2 2.9 5v5.5q0 1-0.9 1.8-1 0.7-2.3 0.7h-97.6q-19.8 0-33.8-10.7-14.1-10.6-14.1-25.7v-37.6q0-1 1-1.6 1-0.7 2.3-0.7h5.8q4 0 6.7 2.2 2.9 2 2.9 4.9zm274.2 37.5h-92.9q-3.7 0-6.4-1.9-2.7-2.1-2.7-5 0-2.9 2.9-5 2.9-2.2 6.7-2.2h98.8q1.3 0 2.3 0.8 0.9 0.6 0.9 1.6v4.4q0 3-2.8 5.2-2.9 2.1-6.8 2.1zm18.7-29.4h-111.4q-11.6 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm190.9 21q4 3.1 6.3 7.9 2.3 4.9 2.1 9.7-0.2 9.3-9.2 15.9-9 6.6-21.5 6.6h-133.1q-1.4 0-2.3-0.7-1-0.8-1-1.8v-71.5q0-1 1-1.6 0.9-0.7 2.3-0.7h131.6q12.1 0 20.9 6.1 9 6.2 9.8 15.2 0.6 8.1-6.9 14.9zm-22.1-21h-116.4q-1.6 0-1.6 1.2v12.8q0 1.3 1.6 1.3h116.8q4.2 0 7.1-2.3 3.1-2.3 2.9-5.6 0-3-3.1-5.2-3.1-2.2-7.3-2.2zm-116.4 45.9h117.9q4.3 0 7.3-2.2 3.1-2.2 3.3-5.3 0-3.3-3.1-6.1-2.9-2.9-7.1-2.9h-118.3q-1.6 0-1.6 1.1v14.1q0 1.3 1.6 1.3z\"\/>\n\t<path d=\"m468.6 105.3v-18.2q0-0.8 0.5-1.4 0.6-0.6 1.5-0.6h1.2q0.3 0 0.5 0.2 0.2 0.2 0.2 0.5v18.2q0 0.8-0.6 1.4-0.6 0.6-1.4 0.6h-1.2q-0.3 0-0.5-0.2-0.2-0.2-0.2-0.5zm41-16.4h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v14.6q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.6q-1 0-1.9-0.5l-0.1-0.1-21.6-12.9q0 0 0 0 0 0 0 0v11.7q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-14.5q0-0.8 0.5-1.3 0.6-0.5 1.5-0.5h1.5q1.1 0 1.9 0.5l21.7 13q0 0 0.1 0 0 0 0-0.1v-11.6q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm17.8 0h21.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-20.4q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v10.9q0 0.7-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.3-0.2-0.5v-12q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm0 6.8h15.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1q0 0.7-0.6 1.2-0.6 0.6-1.4 0.6h-15.3q-0.3 0-0.5-0.2-0.3-0.2-0.3-0.6v-0.9q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm34.5-6.8h13.1q3.7 0 6.4 2.4 2.6 2.3 2.6 5.7v0.8q0 3.4-2.6 5.8-2.7 2.4-6.4 2.4h-13.1q-3.7 0-6.4-2.4-2.6-2.4-2.6-5.8v-0.8q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm18.2 8.9v-0.8q0-1.8-1.4-3.1-1.4-1.3-3.4-1.3h-13.7q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v0.8q0 1.8 1.4 3.2 1.4 1.2 3.4 1.2h13.7q2 0 3.4-1.2 1.4-1.4 1.4-3.2zm14.8-2h19.9q2.5 0 4.1 1.4 1.7 1.4 1.7 3.6 0 2.1-1.7 3.7-1.7 1.5-4.1 1.5h-24.2q-0.4 0-0.6-0.2-0.3-0.2-0.3-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.6-1.4-1.6-3.5 0-2.3 1.6-3.9 1.8-1.7 4.1-1.7h24.3q0.3 0 0.5 0.3 0.3 0.2 0.3 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.5 1 0.5 0.4 1.1 0.4zm61.8-6.2v1.5q0 0.5 0 1v4.9q0 3.7-2.4 6.4-2.4 2.6-5.8 2.6h-20.1q-0.3 0-0.5-0.2-0.2-0.3-0.2-0.6v-1.1q0-0.8 0.5-1.4 0.5-0.6 1.3-0.6h19q1.7 0 2.9-1.2 1.3-1.2 1.5-3.1-2.4 1.5-5.2 1.5h-13.1q-3.7 0-6.3-2.4-2.7-2.4-2.7-5.8v-0.4q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.5q0 1.9 1.4 3.2 1.4 1.3 3.4 1.3h13.7q2 0 3.4-1.3 1.5-1.3 1.5-3.2v-0.7q0-0.8 0.5-1.1 0.6-0.4 1.4-0.4h1.1q0.4 0 0.6 0.2 0.2 0.2 0.2 0.5zm11.4 6.2h19.9q2.4 0 4.1 1.4 1.6 1.4 1.6 3.6 0 2.1-1.7 3.7-1.7 1.5-4 1.5h-24.3q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.7-1.4-1.7-3.5 0-2.3 1.7-3.9 1.7-1.7 4.1-1.7h24.2q0.3 0 0.6 0.3 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.5 0.5-1.3 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.4 1 0.5 0.4 1.2 0.4z\"\/>\n<\/svg>                        <\/a>\n                    <\/div>\n\n                    <!-- Navigation Links -->\n                    <div class=\"hidden space-x-8 sm:-my-px sm:ml-10 sm:flex\">\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b-2 border-primary-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-primary-700 transition\" href=\"http:\/\/localhost\">\n    Home\n<\/Link>\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b…        <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Pricing <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Documentation <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Guides <\/a>\n              <\/li>\n\n              <Link modal  href=\"http:\/\/localhost\/contact\" class=\"flex items-center lg:order-2\">\n                <li>\n                  <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\">\n                      Nous contacter\n                  <\/a>\n                <\/li>\n              <\/Link>\n\n            <\/ul>\n          <\/div>\n          <div class=\"mt-12 md:mt-0\">\n            <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Compagnie<\/h3>\n            <ul role=\"list\" class=\"mt-4 space-y-4\">\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> \u00c0 propos <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Partenaires <\/a>\n              <\/li>\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Claim <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Privacy <\/a>\n              <\/li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:text-white\"> Terms <\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n\n        <\/div>\n      <\/div>\n      <div class=\"mt-8 xl:mt-0\">\n        <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Abonnez-vous \u00e0 notre newsletter<\/h3>\n        <p class=\"mt-4 text-base text-gray-300\">Abonnez-vous \u00e0 notre newsletter pour \u00eatre inform\u00e9 de nos produits.<\/p>\n        <form class=\"mt-4 sm:flex sm:max-w-md\">\n          <label for=\"email-address\" class=\"sr-only\">Email address<\/label>\n          <input type=\"email\" name=\"email-address\" id=\"email-address\" autocomplete=\"email\" required class=\"appearance-none min-w-0 w-full bg-white border border-transparent rounded-md py-2 px-4 text-base text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white focus:border-white focus:placeholder-gray-400\" placeholder=\"Enter your email\">\n          <div class=\"mt-3 rounded-md sm:mt-0 sm:ml-3 sm:flex-shrink-0\">\n            <button type=\"submit\" class=\"w-full bg-primary-500 border border-transparent rounded-md py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-primary-500\">Subscribe<\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n    <div class=\"mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between\">\n      <div class=\"flex space-x-6 md:order-2\">\n        <a href=\"https:\/\/www.facebook.com\/ClebInfosys\" target=\"_blank\" class=\"text-gray-400 hover:text-gray-300\">\n          <span class=\"sr-only\">Facebook<\/span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\" \/>\n          <\/svg>\n        <\/a>\n\n        <a href=\"https:\/\/twitter.com\/cleb_infosys?s=21&t=tEsWWweDcHypVRrxNNbiAA\" target=\"_blank\" class=\"text-gray-400 hover:text-gray-300\">\n          <span class=\"sr-only\">Twitter<\/span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" \/>\n          <\/svg>\n        <\/a>\n      <\/div>\n      <p class=\"mt-8 text-base text-gray-400 md:mt-0 md:order-1\">&copy; 2022 Clebinfosys, Inc. Tous les droits sont r\u00e9serv\u00e9s.<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n    <\/main>\n<\/div>\n"" data-splade="{"modal":null,"refresh":false,"flash":{},"errors":{},"shared":{},"toasts":[]}" data-v-app>…</div> > 
  at <App>

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'pageVisitId')
    at ReactiveEffect.fn (protone-media-laravel-splade.js:332:36)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
    at get value [as value] (reactivity.esm-bundler.js:1144:39)
    at unref (reactivity.esm-bundler.js:1052:29)
    at Object.get (reactivity.esm-bundler.js:1055:37)
    at Object.get (runtime-core.esm-bundler.js:7370:32)
    at Proxy.<anonymous> (protone-media-laravel-splade.js:432:29)
    at renderComponentRoot (runtime-core.esm-bundler.js:896:44)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5651:34)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)

from laravel-splade.

pascalbaljet commented on May 17, 2024

Thanks for reporting! Fixed in v0.4.12.

from laravel-splade.

Anchor links throw exceptions in console and make the links unusable about laravel-splade HOT 3 CLOSED

Comments (3)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent