<template>
<ul class="social-links">
<li v-for="item in socials" :key="item.id">
<g-link :to="item.url">
<component :is="item.icon"></component>
</g-link>
</li>
</ul>
</template>
<script>
import Facebook from '~/assets/svg/facebook.svg';
import Twitter from '~/assets/svg/twitter.svg';
import Instagram from '~/assets/svg/instagram.svg';
console.log(Facebook);
export default {
data () {
return {
socials: [
{
id: 1,
icon: Facebook,
url: "https://www.facebook.com",
},
{
id: 2,
icon: Twitter,
url: "https://www.twitter.com",
},
{
id: 3,
icon: Instagram,
url: "https://www.instagram.com",
}
]
}
},
components: {
Facebook,
Twitter,
Instagram
}
}
</script>
<style lang="scss">
</style>
<template>
<ul class="social-links">
<li v-for="item in socials" :key="item.id">
<g-link :to="item.url">
{{ item.icon }}
</g-link>
</li>
</ul>
</template>
<script>
import Facebook from '~/assets/svg/facebook.svg';
import Twitter from '~/assets/svg/twitter.svg';
import Instagram from '~/assets/svg/instagram.svg';
console.log(Facebook);
export default {
data () {
return {
socials: [
{
id: 1,
icon: Facebook,
url: "https://www.facebook.com",
},
{
id: 2,
icon: Twitter,
url: "https://www.twitter.com",
},
{
id: 3,
icon: Instagram,
url: "https://www.instagram.com",
}
]
}
},
components: {
Facebook,
Twitter,
Instagram
}
}
</script>
<style lang="scss">
</style>/*
* WordPress 5.6.1: Window Unload Error Final Fix
*/
add_action('admin_print_footer_scripts', 'wp_561_window_unload_error_final_fix');
function wp_561_window_unload_error_final_fix()
{
?>
<script>
jQuery(document).ready(function($) {
// Check screen
if (typeof window.wp.autosave === 'undefined')
return;
// Data Hack
var initialCompareData = {
post_title: $('#title').val() || '',
content: $('#content').val() || '',
excerpt: $('#excerpt').val() || ''
};
var initialCompareString = window.wp.autosave.getCompareString(initialCompareData);
// Fixed postChanged()
window.wp.autosave.server.postChanged = function() {
var changed = false;
// If there are TinyMCE instances, loop through them.
if (window.tinymce) {
window.tinymce.each(['content', 'excerpt'], function(field) {
var editor = window.tinymce.get(field);
if ((editor && editor.isDirty()) || ($('#' + field).val() || '') !== initialCompareData[field]) {
changed = true;
return false;
}
});
if (($('#title').val() || '') !== initialCompareData.post_title) {
changed = true;
}
return changed;
}
return window.wp.autosave.getCompareString() !== initialCompareString;
}
});
</script>
<?php
}