Skip to content

Instantly share code, notes, and snippets.

Lili Agazadyan artlili

Block or report user

Report or block artlili

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View nuxt.config.js
module.exports = {
Headers of the page
- Nuxt.js uses vue-meta to update the headers and html attributes of your application.
- Nuxt.js configures vue-meta with these options:
keyName: 'head', // the component option name that vue-meta looks for meta info on.
attribute: 'data-n-head', // the attribute name vue-meta adds to the tags it observes
ssrAttribute: 'data-n-head-ssr', // the attribute name that lets vue-meta know that meta info has already been server-rendered
tagIDKeyName: 'hid' // the property name that vue-meta uses to determine whether to overwrite or append a tag
artlili / package.json
Created Apr 28, 2020
npm update all packages
View package.json
"scripts": {
"update:packages": "node wipe-dependencies.js && rm -rf node_modules && npm update --save-dev && npm update --save"
View swipe slider
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
.slider {
artlili / gradient.scss
Created Jan 2, 2020
Dynamic Gradient Background
View gradient.scss
$bg-color: #ff8888; //start color
$stops: 100; //smoothness
$time: 20s; //duration of animation
$hue-range: 20; //of 360deg
background-color: $bg-color;
-webkit-animation: colorChange $time linear 0s infinite;
animation: colorChange $time linear 0s infinite ;
View simlpy localhost
header('Access-Control-Allow-Origin: *');
console run php -S
View all_mixins.sass
/*** Usage
content: ''
display: table
clear: both
/*** Usage
View adaptive_video
<div class="relation">
<div class="relation__offset relation__offset-16-9"></div>
<div class="relation__content">
<iframe class="video__content" src="" ></iframe>
max-width: 560px;
position: relative;
artlili / app.js
Created May 28, 2019
vue back to top
View app.js
Vue.component('backtotop', {
template: '#backtotop',
data: function() {
return {
isVisible: false
methods: {
initToTopButton: function() {
$(document).bind('scroll', function() {
View delete.vue
var vm = new Vue ({
el: '#app',
data: {
result: ''
created: function(){
artlili / file.vue
Created May 26, 2019
Axios upload multiple files
View file.vue
<input type="file" ref="file" multiple="multiple">
submitFiles() {
let formData = new FormData();
for( var i = 0; i < this.$refs.file.files.length; i++ ){
let file = this.$refs.file.files[i];
formData.append('files[' + i + ']', file);
You can’t perform that action at this time.