generic-skin 3.0.8 → 3.0.11

package/config/vueComponents.js

@@ -2,7 +2,7 @@
 Vue.component('categoria-foro', {
     props: ['dataId'],
     computed: {
-        slugName: function () {
+        slugName() {
             const name = (this.dataId.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.dataId.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.dataId, '-'));
 
             return 'category-' + name;
@@ -16,7 +16,7 @@ Vue.component('categoria-foro', {
 });
 
 Vue.component('cabecera-foro', {
-    data: function () {
+    data() {
         return {
             dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
@@ -29,7 +29,7 @@ Vue.component('cabecera-foro', {
 });
 
 Vue.component('cabcategoria-foro', {
-    data: function () {
+    data() {
         return {
             dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
@@ -42,7 +42,7 @@ Vue.component('cabcategoria-foro', {
 });
 
 Vue.component('cabespecial-foro', {
-    data: function () {
+    data() {
         return {
             dataTitle: this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text
         }
@@ -57,7 +57,7 @@ Vue.component('cabespecial-foro', {
 Vue.component('subforo-foro', {
     props: ['dataId'],
     computed: {
-        slugId: function () {
+        slugId() {
             let id = '';
 
             if (window.location.pathname.match(/f(\d+)-/)) {
@@ -68,7 +68,7 @@ Vue.component('subforo-foro', {
 
             return 'subforum-' + id;
         },
-        slugName: function () {
+        slugName() {
             const name = (this.dataId.indexOf('<h2>') > -1 ? FNR.utility.genSlug(this.dataId.split('<h2>')[1].split('</h2>')[0], '-') : FNR.utility.genSlug(this.dataId, '-'));
 
             return 'subforum-' + name;
@@ -83,7 +83,7 @@ Vue.component('subforo-foro', {
 
 Vue.component('lista-temas-cabecera', {
     props: ['dataElements'],
-    data: function () {
+    data() {
         return {
             elementos: JSON.parse(this.dataElements.replace(/'/g, '"'))
         }
@@ -99,7 +99,7 @@ Vue.component('lista-temas-cabecera', {
 
 Vue.component('tema-foro', {
     computed: {
-        slugId: function () {
+        slugId() {
             let id = '';
 
             if (window.location.pathname.match(/t(\d+)-/)) {
@@ -110,7 +110,7 @@ Vue.component('tema-foro', {
 
             return 'topic-' + id;
         },
-        slugName: function () {
+        slugName() {
             const name = FNR.utility.genSlug((this.$slots['title'][0].tag === undefined ? this.$slots['title'][0].text : this.$slots['title'][0].children[0].text), '-');
 
             return 'topic-' + name;
@@ -125,13 +125,13 @@ Vue.component('tema-foro', {
 
 Vue.component('mando-foro', {
     props: ['dataId', 'dataApp'],
-    data: function () {
+    data() {
         return {
             children: 0
         }
     },
     computed: {
-        isStatusClass: function () {
+        isStatusClass() {
             if (this.children > 0) return 'forum-controls';
             else return 'forum-controls not-show';
         }
@@ -162,24 +162,15 @@ Vue.component('mando-foro', {
 /* Componentes del foro */
 Vue.component('titulo-especial', {
     props: ['dataTitle'],
-    computed: {
-        cleaned: function () {
-            if (this.dataTitle.indexOf('<h2>') > -1) return this.dataTitle.split('<h2>')[1].split('</h2>')[0];
-            else return this.dataTitle;
-        },
-        minimized: function () {
-            return FNR.utility.genSlug(this.cleaned, ' ');
-        }
-    },
     template: `
-    <h3 class="is-tweakeable"><span class="is-measurable" v-html="cleaned"></span></h3>
+    <h3 class="is-tweakeable"><span class="is-measurable">{{ dataTitle }}</span></h3>
     `
 });
 
 Vue.component('cuerpo-widget', {
     props: ['dataClass'],
     computed: {
-        currentClass: function () {
+        currentClass() {
             if (this.dataClass === undefined) return 'plank-inner';
             else return 'plank-inner' + ' ' + this.dataClass;
         }
@@ -195,7 +186,7 @@ Vue.component('cuerpo-widget', {
 
 Vue.component('separador-foro', {
     props: ['dataFaction'],
-    data: function () {
+    data() {
         return {
             image: forumDefaults.separator
         }
@@ -209,13 +200,13 @@ Vue.component('separador-foro', {
 
 Vue.component('tema-ref', {
     props: ['dataInfo'],
-    data: function () {
+    data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil'
         }
     },
     computed: {
-        userColor: function () {
+        userColor() {
             return 'color: ' + this.dataInfo.lastpost.who.color;
         }
     },
@@ -253,14 +244,14 @@ Vue.component('campo-foro', {
 Vue.component('boton-foro', {
     props: ['dataUrl', 'dataName', 'dataIcon', 'dataType', 'dataInput'],
     computed: {
-        realClass: function () {
+        realClass() {
             if (this.dataInput === 'true') return 'forum-button is-input';
             else return 'forum-button';
         },
-        realName: function () {
+        realName() {
             return 'text' + (this.dataType === 'no-name' ? ' is-hidden-touch' : '');
         },
-        realUrl: function () {
+        realUrl() {
             if (this.dataInput === 'true') return 'javascript:{}';
             else return this.dataUrl;
         }
@@ -306,7 +297,7 @@ Vue.component('aviso-foro', {
 });
 
 Vue.component('afiliaciones-foro', {
-    data: function () {
+    data() {
         return {
             afis: {}
         }
@@ -323,7 +314,7 @@ Vue.component('afiliaciones-foro', {
 
 /* Navbar del foro */
 Vue.component('controles-foro', {
-    data: function () {
+    data() {
         return {
             maPage: 0,
             userName: _userdata.username,
@@ -336,12 +327,12 @@ Vue.component('controles-foro', {
         };
     },
     computed: {
-        isActiveClass: function () {
+        isActiveClass() {
             return 'has-bg' + ((this.isActive) ? ' visible' : ' not-visible');
         }
     },
     methods: {
-        turnActive: function () {
+        turnActive() {
             this.isActive = (this.isActive) ? false : true;
         }
     },
@@ -387,7 +378,7 @@ Vue.component('controles-foro', {
 
 Vue.component('navbar-foro', {
     props: ['dataUsername', 'dataUserlevel', 'dataUserid', 'dataUserlog', 'dataUsermp', 'dataUserout'],
-    data: function () {
+    data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil',
             items: forumContent.navbar,
@@ -400,20 +391,20 @@ Vue.component('navbar-foro', {
         }
     },
     computed: {
-        isStatusClass: function () {
+        isStatusClass() {
             return ((this.dataUserlog === 1) ? 'is-logged' : 'is-unlogged') + ((this.dataUserlevel === 1) ? ' is-admin' : ' is-user')
         },
-        mpText: function () {
+        mpText() {
             return 'Mensajería' + ((this.dataUsermp !== 0) ? ' (' + this.dataUsermp + ')' : '')
         },
-        links: function () {
+        links() {
             return forumContent.links.filter((item) => {
                 return item.icon !== undefined;
             });
         }
     },
     methods: {
-        changeAccount: function () {
+        changeAccount() {
             this.$parent.maPage = 1;
 
             FNR.user.changeAccount(this.dataUserout, this.multiAccount.accounts[this.multiAccount.position].name, this.multiAccount.accounts[this.multiAccount.position].password).then((r) => {
@@ -541,7 +532,7 @@ Vue.component('navbar-foro', {
 
 /* Widgets del foro */
 Vue.component('links-ayuda', {
-    data: function () {
+    data() {
         return {
             links: forumContent.links
         }
@@ -554,7 +545,7 @@ Vue.component('links-ayuda', {
 });
 
 Vue.component('links-anuncios', {
-    data: function () {
+    data() {
         return {
             announcements: forumContent.announcements
         }
@@ -570,7 +561,7 @@ Vue.component('links-anuncios', {
 });
 
 Vue.component('links-staff', {
-    data: function () {
+    data() {
         return {
             staff: forumContent.staff
         }
@@ -583,7 +574,7 @@ Vue.component('links-staff', {
 });
 
 Vue.component('sabias-que', {
-    data: function () {
+    data() {
         return {
             content: {}
         }
@@ -603,7 +594,7 @@ Vue.component('sabias-que', {
 });
 
 Vue.component('busquedas', {
-    data: function () {
+    data() {
         return {
             content: {}
         }
@@ -639,7 +630,7 @@ Vue.component('note-info', {
 Vue.component('redirect', {
     props: ['dataTo'],
     computed: {
-        currentStatus: function () {
+        currentStatus() {
             if (window.location.pathname.match(/t(\d+)-/)) return true;
             else return false;
         }
@@ -698,7 +689,7 @@ Vue.component('wiki-index-items-d', {
 
 Vue.component('wiki-index', {
     computed: {
-        indexContent: function () {
+        indexContent() {
             const getChildren = (name) => {
                 return filtered.filter((item) => {
                     return item.component.page_parent === name;
@@ -789,7 +780,7 @@ Vue.component('wiki-contenido', {
 
 Vue.component('wiki-nav', {
     computed: {
-        more: function () {
+        more() {
             return routes.filter((item) => {
                 return item.component
             }).filter((item) => {
@@ -798,7 +789,7 @@ Vue.component('wiki-nav', {
                 })[0].component.page_parent
             }).length > 1;
         },
-        nav: function () {
+        nav() {
             const list = routes.filter((item) => {
                 return item.component
             }).filter((item) => {
@@ -829,7 +820,7 @@ Vue.component('wiki-nav', {
 Vue.component('wiki-children', {
     props: ['dataName', 'dataCategory'],
     computed: {
-        nav: function () {
+        nav() {
             return routes.filter((item) => {
                 return item.component
             }).filter((item) => {
@@ -849,7 +840,7 @@ Vue.component('wiki-children', {
 Vue.component('modal-foro', {
     props: ['dataTitle'],
     methods: {
-        modalClose: function () {
+        modalClose() {
             this.$parent.state.modal = false;
             this.$emit('modal-close');
         }
@@ -885,7 +876,7 @@ Vue.component('controles-modal', {
 
 /* Expediente */
 Vue.component('expediente-usuario', {
-    data: function () {
+    data() {
         return {
             info: {
                 name: _userdata.username,
@@ -897,16 +888,16 @@ Vue.component('expediente-usuario', {
         }
     },
     computed: {
-        userRank: function () {
+        userRank() {
             return this.profile.fields[forumConfig.profileOptions.profileRank].content;
         },
-        userCite: function () {
+        userCite() {
             return this.profile.fields[forumConfig.profileOptions.profileCite].content
         },
-        userCover: function () {
+        userCover() {
             return this.profile.fields[forumConfig.profileOptions.profileCover].content
         },
-        usableMiniFields: function () {
+        usableMiniFields() {
             if (this.config.miniFields === undefined || !this.config.miniFields.length) return [];
             else return Object.entries(this.profile.fields).filter((item) => {
                 return this.config.miniFields.indexOf(item[0]) > -1;
@@ -930,7 +921,7 @@ Vue.component('expediente-usuario', {
                 };
             });
         },
-        usableBigFields: function () {
+        usableBigFields() {
             if (this.config.mainFields === undefined || !Object.keys(this.config.mainFields).length) return [];
             else return Object.entries(this.profile.fields).filter((item) => {
                 return Object.keys(this.config.mainFields).indexOf(item[0]) > -1;
@@ -956,7 +947,7 @@ Vue.component('expediente-usuario', {
                 };
             });
         },
-        lengthBigFields: function () {
+        lengthBigFields() {
             let length = 0;
 
             this.usableBigFields.map((item) => {
@@ -967,7 +958,7 @@ Vue.component('expediente-usuario', {
 
             return length;
         },
-        usableExtraFields: function () {
+        usableExtraFields() {
             if (this.config.extraFields === undefined || !this.config.extraFields.length) return [];
             else return Object.entries(this.profile.fields).filter((item) => {
                 return this.config.extraFields.indexOf(item[0]) > -1;
@@ -991,7 +982,7 @@ Vue.component('expediente-usuario', {
                 };
             });
         },
-        lengthExtraFields: function () {
+        lengthExtraFields() {
             let length = 0;
 
             this.usableExtraFields.map((item) => {
@@ -1002,7 +993,7 @@ Vue.component('expediente-usuario', {
 
             return length;
         },
-        usableLinkFields: function () {
+        usableLinkFields() {
             if (this.profile.contact.length) return [];
             else return Object.entries(this.profile.contact).filter((item) => {
                 return item[1].label !== 'Mensaje Privado';
@@ -1016,15 +1007,15 @@ Vue.component('expediente-usuario', {
                 }
             });
         },
-        chronologyField: function () {
+        chronologyField() {
             if (this.config.cronoField === undefined || !this.config.cronoField.length) return [];
             else return FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.cronoField, '_')].content);
         },
-        relationshipsField: function () {
+        relationshipsField() {
             if (this.config.relaField === undefined || !this.config.relaField.length) return [];
             else return FNR.utility.genArray(this.profile.fields[FNR.utility.genSlug(this.config.relaField, '_')].content);
         },
-        lengthHistoryFields: function () {
+        lengthHistoryFields() {
             let length = 0;
 
             length += this.chronologyField.length;
@@ -1032,7 +1023,7 @@ Vue.component('expediente-usuario', {
 
             return length;
         },
-        currentClass: function () {
+        currentClass() {
             return 'usergroup-' + this.profile.colour
         }
     },
@@ -1190,7 +1181,7 @@ Vue.component('expediente-usuario', {
 Vue.component('cuerpo-principal', {
     props: ['dataTitle'],
     computed: {
-        title: function () {
+        title() {
             if (typeof this.dataTitle === 'undefined') return '';
             else return this.dataTitle;
         }
@@ -1208,7 +1199,7 @@ Vue.component('cuerpo-principal', {
 Vue.component('cuerpo-interior', {
     props: ['dataTitle'],
     computed: {
-        title: function () {
+        title() {
             if (typeof this.dataTitle === 'undefined') return '';
             else return this.dataTitle;
         }
@@ -1226,7 +1217,7 @@ Vue.component('cuerpo-interior', {
 Vue.component('cuerpo-lista', {
     props: ['dataTitle'],
     computed: {
-        title: function () {
+        title() {
             if (typeof this.dataTitle === 'undefined') return '';
             else return this.dataTitle;
         }

package/config/vueElements.js

@@ -38,7 +38,7 @@ const topbar = new Vue({
 if (document.querySelector('#forum-wiki:not(.is-not-vue)')) {
     const wiki = new Vue({
         router,
-        updated: function () {
+        updated() {
             this.$nextTick(function () {
                 FNR.behaviour.genWiki();
             });

package/config/vueFilters.js

@@ -64,4 +64,9 @@ Vue.filter('search-number', (value) => {
 Vue.filter('turn-br', (value) => {
     if (!value || typeof value !== 'string') return value;
     else return value.replace(/\n/g, '<br>');
+});
+
+Vue.filter('mini-sanitize', (value) => {
+    if (!value || typeof value !== 'string') return value;
+    else return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
 });

package/config/vueFilters.min.js

@@ -1 +1 @@
-Vue.filter("to-number",e=>e&&"string"==typeof e?parseFloat(e):e),Vue.filter("in-two-digits",e=>null===e||"string"==typeof e?e:e>9?e:"0"+e),Vue.filter("max-two-digits",e=>e&&"string"==typeof e&&parseFloat(e)>99?[e.toString.split("")[0],e.toString.split("")[1]].join():e),Vue.filter("just-name",e=>e&&"string"==typeof e?"Anonymous"===e?"Invitado":e.split(" ")[0].length<3?e.split(" ")[1]:e.split(" ")[0]:e),Vue.filter("capitalize",e=>e&&"string"==typeof e?"¿"===e.charAt(0)||"¡"===e.charAt(0)?e.charAt(0)+e.charAt(1).toUpperCase()+e.slice(2).toLowerCase():e.charAt(0).toUpperCase()+e.slice(1).toLowerCase():e),Vue.filter("url-to-normal",e=>e&&"string"==typeof e?e.replace(/[\?\&]change_version=invision/,""):e),Vue.filter("url-to-invision",e=>e&&"string"==typeof e?e.split("#")[0]+"?change_version=invision#"+e.split("#")[1]:e),Vue.filter("tray-title",e=>e&&"string"==typeof e?e.indexOf("bandeja de entrada")>-1?"Bandeja de Entrada":e.indexOf("bandeja de recepción")>-1?"Bandeja de Entrada":e.indexOf("andeja de Mensajes enviados")>-1?"Elementos Enviados":e.indexOf("andeja de envío")>-1?"Bandeja de Envio":e.indexOf("andeja de elementos guardados")>-1?"Elementos Guardados":void 0:e),Vue.filter("tray-percent",e=>e&&"string"==typeof e?-1===e.indexOf("vacía")?e.match(/[\d]+/)[0]:0:e),Vue.filter("search-from",e=>e&&"string"==typeof e?e.split(" para ")[1]:e),Vue.filter("search-number",e=>e&&"string"==typeof e?e+` resultado${1===parseFloat(e)?"":"s"}`:e),Vue.filter("turn-br",e=>e&&"string"==typeof e?e.replace(/\n/g,"<br>"):e);
+Vue.filter("to-number",e=>e&&"string"==typeof e?parseFloat(e):e),Vue.filter("in-two-digits",e=>null===e||"string"==typeof e?e:e>9?e:"0"+e),Vue.filter("max-two-digits",e=>e&&"string"==typeof e&&parseFloat(e)>99?[e.toString.split("")[0],e.toString.split("")[1]].join():e),Vue.filter("just-name",e=>e&&"string"==typeof e?"Anonymous"===e?"Invitado":e.split(" ")[0].length<3?e.split(" ")[1]:e.split(" ")[0]:e),Vue.filter("capitalize",e=>e&&"string"==typeof e?"¿"===e.charAt(0)||"¡"===e.charAt(0)?e.charAt(0)+e.charAt(1).toUpperCase()+e.slice(2).toLowerCase():e.charAt(0).toUpperCase()+e.slice(1).toLowerCase():e),Vue.filter("url-to-normal",e=>e&&"string"==typeof e?e.replace(/[\?\&]change_version=invision/,""):e),Vue.filter("url-to-invision",e=>e&&"string"==typeof e?e.split("#")[0]+"?change_version=invision#"+e.split("#")[1]:e),Vue.filter("tray-title",e=>e&&"string"==typeof e?e.indexOf("bandeja de entrada")>-1?"Bandeja de Entrada":e.indexOf("bandeja de recepción")>-1?"Bandeja de Entrada":e.indexOf("andeja de Mensajes enviados")>-1?"Elementos Enviados":e.indexOf("andeja de envío")>-1?"Bandeja de Envio":e.indexOf("andeja de elementos guardados")>-1?"Elementos Guardados":void 0:e),Vue.filter("tray-percent",e=>e&&"string"==typeof e?-1===e.indexOf("vacía")?e.match(/[\d]+/)[0]:0:e),Vue.filter("search-from",e=>e&&"string"==typeof e?e.split(" para ")[1]:e),Vue.filter("search-number",e=>e&&"string"==typeof e?e+` resultado${1===parseFloat(e)?"":"s"}`:e),Vue.filter("turn-br",e=>e&&"string"==typeof e?e.replace(/\n/g,"<br>"):e),Vue.filter("mini-sanitize",e=>e&&"string"==typeof e?e.replace(/</g,"&lt;").replace(/>/g,"&gt;"):e);

package/options/noManagers.js

@@ -29,16 +29,16 @@ Vue.component('tema', {
 
 Vue.component('relacion', {
     props: ['dataId', 'dataName', 'dataImg', 'dataColor'],
-    data: function () {
+    data() {
         return {
             profileName: forumConfig.profileOptions.profileName || 'perfil'
         }
     },
     computed: {
-        relaClass: function () {
+        relaClass() {
             return 'rela-list usergroup-' + this.dataColor.toLowerCase();
         },
-        relaType: function () {
+        relaType() {
             return typeof this.dataId !== 'undefined';
         }
     },

package/options/noManagers.min.js

@@ -1 +1 @@
-Vue.component("tema", { props: ["dataType", "dataUrl", "dataName", "dataDate"], template: '\n    <div class="rp-list">\n        <a class="rp-element" :href="dataUrl" target="_blank" :title="\'Ir al tema «\' + dataName + \'»\'">\n            <div class="rp-icon">\n                <template v-if="dataType === \'abierto\'">\n                    <i class="fas fa-lock-open"></i>\n                </template>\n                <template v-else-if="dataType === \'cerrado\'">\n                    <i class="fas fa-lock"></i>\n                </template>\n                <template v-else-if="dataType === \'abandonado\'">\n                    <i class="fas fa-times"></i>\n                </template>\n            </div>\n            <div class="rp-content">\n                <div class="rp-name">\n                    <span>{{ dataName }}</span>\n                    <small>\n                        {{ dataDate }} - <slot></slot>\n                    </small>\n                </div>\n            </div>\n        </a>\n    </div>\n    ' }), Vue.component("relacion", { props: ["dataId", "dataName", "dataImg", "dataColor"], data: function () { return { profileName: forumConfig.profileOptions.profileName || "perfil" } }, computed: { relaClass: function () { return "rela-list usergroup-" + this.dataColor.toLowerCase() }, relaType: function () { return void 0 !== this.dataId } }, template: '\n    <div :class="relaClass">\n        <template v-if="relaType">\n            <a class="rela-element" :href="\'/u\' + dataId" target="_blank" :title="\'Ir al \' + profileName + \' de «\' + dataName + \'»\'">\n                <div class="rela-image" :style="\'background-image: url(\' + dataImg + \')\'"></div>\n                <div class="rela-content">\n                    <div class="rela-title">\n                        <h4>{{ dataName }}</h4>\n                    </div>\n                    <div class="small-text is-content">\n                        <slot></slot>\n                    </div>\n                </div>\n            </a>\n        </template>\n        <template v-else>\n            <a class="rela-element">\n                <div class="rela-image" :style="\'background-image: url(\' + dataImg + \')\'"></div>\n                <div class="rela-content">\n                    <div class="rela-title">\n                        <h4>{{ dataName }}</h4>\n                    </div>\n                    <div class="small-text is-content">\n                        <slot></slot>\n                    </div>\n                </div>\n            </a>\n        </template>\n    </div>\n    ' });
+Vue.component("tema", { props: ["dataType", "dataUrl", "dataName", "dataDate"], template: '\n    <div class="rp-list">\n        <a class="rp-element" :href="dataUrl" target="_blank" :title="\'Ir al tema «\' + dataName + \'»\'">\n            <div class="rp-icon">\n                <template v-if="dataType === \'abierto\'">\n                    <i class="fas fa-lock-open"></i>\n                </template>\n                <template v-else-if="dataType === \'cerrado\'">\n                    <i class="fas fa-lock"></i>\n                </template>\n                <template v-else-if="dataType === \'abandonado\'">\n                    <i class="fas fa-times"></i>\n                </template>\n            </div>\n            <div class="rp-content">\n                <div class="rp-name">\n                    <span>{{ dataName }}</span>\n                    <small>\n                        {{ dataDate }} - <slot></slot>\n                    </small>\n                </div>\n            </div>\n        </a>\n    </div>\n    ' }), Vue.component("relacion", { props: ["dataId", "dataName", "dataImg", "dataColor"], data() { return { profileName: forumConfig.profileOptions.profileName || "perfil" } }, computed: { relaClass() { return "rela-list usergroup-" + this.dataColor.toLowerCase() }, relaType() { return void 0 !== this.dataId } }, template: '\n    <div :class="relaClass">\n        <template v-if="relaType">\n            <a class="rela-element" :href="\'/u\' + dataId" target="_blank" :title="\'Ir al \' + profileName + \' de «\' + dataName + \'»\'">\n                <div class="rela-image" :style="\'background-image: url(\' + dataImg + \')\'"></div>\n                <div class="rela-content">\n                    <div class="rela-title">\n                        <h4>{{ dataName }}</h4>\n                    </div>\n                    <div class="small-text is-content">\n                        <slot></slot>\n                    </div>\n                </div>\n            </a>\n        </template>\n        <template v-else>\n            <a class="rela-element">\n                <div class="rela-image" :style="\'background-image: url(\' + dataImg + \')\'"></div>\n                <div class="rela-content">\n                    <div class="rela-title">\n                        <h4>{{ dataName }}</h4>\n                    </div>\n                    <div class="small-text is-content">\n                        <slot></slot>\n                    </div>\n                </div>\n            </a>\n        </template>\n    </div>\n    ' });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generic-skin",
-  "version": "3.0.8",
+  "version": "3.0.11",
   "description": "Generic Forum Skin for Forumotion created by Gaylien.",
   "main": "readme.md",
   "scripts": {