Skip to content

Instantly share code, notes, and snippets.

import jsPdf from 'jspdf';
domToPng(ticketElement).then(dataUrl => {
const pdf = new jsPdf();
const imgProps = pdf.getImageProperties(dataUrl);
const pdfWidth = pdf.internal.pageSize.getWidth();
// const pdfHeight = pdf.internal.pageSize.getHeight();
@moaoa
moaoa / postman_add_token_to_requests.js
Created January 22, 2024 13:26
add token on every request in postman
const token = pm.environment.get("variable_key");
pm.request.headers.add('Authorization', token)
@moaoa
moaoa / defineEmits.js
Created January 1, 2024 09:27
to type the defineEmits hook in vue
const emit = defineEmits<{
(event: "faqDeleted", data: Faq);
(event: "close", data: any);
}>();
@moaoa
moaoa / moment_format_date.js
Created September 25, 2023 21:08
date formating in moment
import moment from "moment";
const formatDate = (date) => {
const momntDate = moment(date);
if (!momntDate.isValid()) "";
return moment(date).format("D-MM-YYYY");
};
axios.get('/api/some-endpoint')
.then(response => {
// Handle successful response
console.log(response.data);
})
.catch(error => {
// Handle error
if (error.response) {
// The request was made, and the server responded with a status code
// that falls out of the range of 2xx
@moaoa
moaoa / vuex_presist.js
Created September 16, 2023 16:21
presist vuex store in local storage
const vuexLocalStorage = new VuexPersist({
key: 'sano-vuex',
storage: window.localStorage, // or window.sessionStorage or localForage
// pass the state of the store to be persisted
reducer: state => ({
auth: state.auth,
lang: state.lang,
}),
});
@moaoa
moaoa / vue_3_scrollBehavior.js
Last active September 16, 2023 08:58
vue_3_scrolllBehavior
export const Router = createRouter({
history: createWebHistory(),
routes,
scrollBehavior: (to, from, savedPosition) => {
if (to && to.hash) {
return { el: to.hash, behavior: 'smooth' };
} else {
return { x: 0, y: 0 };
}
},
@moaoa
moaoa / vuePagination.vue
Last active September 4, 2023 07:54
vue pagination component
<template>
<div class="row mtp-3">
<div class="block-27">
<ul class="pagination-ul">
<li @click="prev" class="cursor">
<a>
<img
class="chevron_right_pag"
src="/assets/img/chevron_big_right.png"
alt="right"
@moaoa
moaoa / vue_2_ScrollBehavoir.js
Last active September 16, 2023 08:54
VUE 2 WAY OF HANDLING THE SCROLL BEHAVIOR
const router = new Router({
mode: "history",
routes,
scrollBehavior: (to, from, savedPosition) => {
if (to && to.hash) {
return { selector: to.hash };
} else {
return { x: 0, y: 0 };
}
},
shuf -i 1-10 -n 1
// -i the range (here from 1 to 10)
// -n number of results (here one number between the given range will be printed