I have an application with fixed header and footer (it is important that they are not reloaded when we navigate through pages). I use HTMX. The attribute hx-push-url allows to have browsing history through the pages: we can use the “back” and “forward” buttons, and it works as expected: index.html: newpage1: newpage2: After having clicked on “Go to newpage1” button,
Tag: single-page-application
Vue doesn’t see updates of my object getting from vuex
I have an object in vuex that im getting on the page by getters, but vue see only first update of object. I collect the object stepwise so first it’s empty then i have commit that updates vuex state (setUser) and vue showing this new info on the page. But then i use one more commit (addInfo) and it’s works
SPA content refresh with constant updating
I know that recommended approach to updating SPA versions is to use service workers and alert user that he should refresh page. But what options do we have when there’s lots of pages and new things constantly getting added? I believe this would annoy a lot of users especially when those updates aren’t even related to the page they are
Unable to expose a public page referenced in an email to let users reset their password in a Vue JS, Node JS and Mongo db website structure
I’m working on a Vue JS, Node and Mongodb website with user management features. I implemented a “Reset Password” functionality: a user can access his profile page, press the reset password button and this will trigger a node functionaly, which is gonna send him an email containing a URL link pointing to a Vue JS component exposed to the public
Nuxt.js i18n localization doesn’t work in SPA mode
I developed project Nuxt.js in universal mode and localized with i18n work fine, but now I want to change to in spa mode but i18n doesn’t change the language. this is code. file : nuxt.config.js file : middleware/i18n.js store/index.js and licalize file are in locales/fa.json and en.json Answer export default function ({ isHMR, app, store, route, params, req, error, redirect
How to hide the Intercom chat widget in specific pages in a single page application (SPA)?
Consider a single page application written in vanilla JS (to avoid framework-specific answers). I have an app in which I load Intercom by default, but I want to hide the widget in specific pages. That should be doable from Intercom itself, as shown in this article in their help center, but it doesn’t really work in single page apps –
Converting an Image url to base64 in Angular
I am struggling trying to convert a given image url to base64… in my case i have a String with the image’s path how can i convert the given image url in a base64 directly?… i tried this post. Converting an image to base64 in angular 2 but this post is getting the image from a form… how can i
Detect an URL change in a SPA
I would like to listen to path changes in a SPA which is not maintained by me. I found one solution here: https://stackoverflow.com/a/44819548/7042552 But still, it seems kind of “hacky” to me – but still my implementation is like this: Is there a better or more generic way to listen for page loads in a SPA? Answer This https://stackoverflow.com/a/41825103/7042552 did
Vue.js bind to a class according to a condition
With this div declaration: that I build accordingly to: https://v2.vuejs.org/v2/guide/class-and-style.html#Array-Syntax But the binding isn’t working (the class ‘highlight’ never applied regardless of the currentPage value). I have this model where there is the currentPage variable keeping track of the active page: How can I activate the binding of a class on an element, based on the string value of a
Userscript works only on pages served from backend, but not on frontend in a SPA way
I have the following userscript I run on Greasemonkey/Tampermonkey. I run it on facebook.com which serves some of the webpages from backend, in bootstrapping, and some others on the fly, in front-end, via HRO, just as a Single Page Application (SPA) would. If I run this script on console, even in HRO based webpages, it runs fine, but when runned