Saul Salazar

Make functions/methods globally available to your Quasar or Vue project. We will be writing helpers functions on src/plugins/helper.js Example Usage JS: this.$helper.titleCase(string) or self.$helper.titleCase(string) JS: Vue.$helper.titleCase(string) HTML: <template v-if='$helper.checkRole("developer")'> PUG: template(v-if='$helper.checkRole("developer") || $helper.checkRole("admin")') NOTE Remember to update you quasar.conf.js plugins: [ 'axios', 'helper', <--- 'vuelidate' ] src/plugins/helper.js import { Notify } from 'quasar' function titleCase (string) { if (typeof string !== 'string') { return new Error('Expected string as a parameter') } return string .

Notes Example used on Vue/Quasar projects using localStorage. Expects the user object to have an array of strings, each one represents a role { roles: ["user"] } Redirects to /login on failure with param redirectTo How to Create and copy the file src/plugins/auth.js Update you quasar.conf.js plugins property Update your src/router/routes.js, each vue route can have a meta property We will use requiresAuth (boolean) and allowedRoles ([string array]) Route Example { path: '/', component: () => import('layouts/MyLayout.

The struggle is real: Designing emails that look identical on each email client (desktop, web and mobile apps) Email CSS Support Guide The Ultimate Guide to CSS on Emails General rule of thumb Your email is not going to look identical in every client. And that’s OK. Container Container 600px wide. That’s because the majority of email clients have a preview pane that is around 550-700 pixels. Font Size Text should never be smaller than 11 pixels.