Custom UI in Auth0 Vue - vue.js

problem
Is there a way to make a custom UI in Auth0 Vue? I tried to do this for forever now but I can't find a way to do it using the Auth0 Vue SDK. There was a way to do it with WebAuth: auth0.client.login but after hours of searching I could not find a way to do it with Vue.

Related

I need to find a way to import a FlaskForm in vueJS

In this I have created a flask login portal using flask-login and wtforms.
But my project requires me to develop the frontend using vueJS and not just rendering HTML. Unfortunately, I am unable to find a way to pass the FlaskForm onto the VueJS file so that I can use it in the template. I am not able to Jsonify the FlaskForm object. It would be really nice if someone could help me on this one.

What is Best Practice to Create Mobile Webview with Vuejs

I have a mobile app project that created with VueJS. My boss wanted the app to run in webview for some reason, so I built it with VueJS. My question is, does anyone have a recommended framework or method to use to do this?
I had used flutter with InAppWebview plugin to wrap the web. But does anyone have other recommendation? Thank you

How to create a mutli page Vue.js app without Vue-Cli?

I created a Vue.js app without using Vue CLI, so that means I did everything from scratch including setting up Webpack 4. The reason I did this was because I don't like the idea of frameworks concealing the inner workings of things so that I can't fix things myself.
As an SPA, I have got the basic demo site working with an Home and About view. But I am looking to create a multi-page app with Express. The only information on multi-page Vue.js apps seems to be linked to the pages option that only comes with Vue CLI (see here)
Is there a way to have a multi-page app for projects created without Vue CLI?
Sure, you could handle routing with Express and have the page rendered server-side.
You can use Vue official package for routing, vue-router and choose between SSR (server-side rendering) or client side.
I suggest you to check this official doc about it: https://ssr.vuejs.org/

External templates in vue-router

I am new to Vue and I have already migrated a small application to it, but now I wanted to add routing in the front end level, so I started looking at vue-router.
My components use inline-template because they are placed inside templates of a django application. This way, the django ecosystem takes care of the localization and also offers more information to logged-in users.
I could not find a way to make my components work with vue-router. I even tested using x-templates and it just does not work unless the template is a string inside the JS code.
Is it possible for vue-router to use external file templates? If not, how does vue-router handle the situation where templates are generated by a backend server?
I eventually found how to make it work. The trick was to place the x-templates outside the root Vue app element. This way the root Vue app did not tried to render them and then they were rendered by their components.

How to structure vue app when using global components

Currently, we try to figure out, how we can structure our vue code for this use case:
routing will be handled by the backend, so basically we don't creating an SPA here
we want to use vue to replace some jquery plugins. So on some sites of our website we have e.g. a drop-down component or a date picker component ...
one site will be small SPA
on each site, we have a navigation, where we also want using vue
How should this be structured? Is it one big vue application?
My idea is to build two vue applications:
one for the small SPA
one for all the components we need on different sites
Anybody can help out here?
For developing SPA in vuejs. Please refer to these two links
https://github.com/vuejs/vue-cli
and
https://github.com/chrisvfritz/vue-2.0-simple-routing-example
And for integerating VueJS in existing web page
you can follow the official website of vuejS