StarCitizenTools/mediawiki-extensions-TabberNeue
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue.git synced 2024-11-27 09:42:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

ci: 👷 lint code to MediaWiki standards

Browse source 
Check commit and GitHub actions for more details
This commit is contained in:
github-actions 2023-07-05 21:28:55 +00:00
parent 89e90af034
commit 597f976e7e
1 changed files with 54 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

108
modules/ext.tabberNeue.codex/App.vue
View file

@ -1,54 +1,54 @@
<template>
<cdx-tabs v-model:active="currentTab" :framed="framed">
<cdx-tab
v-for="( tab, index ) in tabsData"
:key="index"
:name="tab.name"
:label="tab.label"
:disabled="tab.disabled"
v-html = "tab.content"
>
</cdx-tab>
</cdx-tabs>
</template>
<script>
const { defineComponent } = require('vue');
// Codex is available from ResourceLoader at runtime and is available without needing a build step.
const { CdxTabs, CdxTab } = require('@wikimedia/codex');
// @vue/component
module.exports = exports = defineComponent( {
name: 'App',
compatConfig: {
MODE: 3
},
compilerOptions: {
whitespace: 'condense'
},
components: {
CdxTabs,
CdxTab
},
props: {
tabberData: {
type: Object,
required: true
},
framed: {
type: Boolean,
default: false
}
},
data() {
return {
tabsData: this.tabberData.tabsData,
currentTab: this.tabberData.currentTab
};
},
mounted() {
console.log( this.$el );
this.$el.parentElement.classList.add( 'tabber--live' );
}
} );
</script>
<template>
<cdx-tabs v-model:active="currentTab" :framed="framed">
<cdx-tab
v-for="( tab, index ) in tabsData"
:key="index"
:name="tab.name"
:label="tab.label"
:disabled="tab.disabled"
v-html="tab.content"
>
</cdx-tab>
</cdx-tabs>
</template>
<script>
const { defineComponent } = require( 'vue' );
// Codex is available from ResourceLoader at runtime and is available without needing a build step.
const { CdxTabs, CdxTab } = require( '@wikimedia/codex' );
// @vue/component
module.exports = exports = defineComponent( {
name: 'App',
compatConfig: {
MODE: 3
},
compilerOptions: {
whitespace: 'condense'
},
components: {
CdxTabs: CdxTabs,
CdxTab: CdxTab
},
props: {
tabberData: {
type: Object,
required: true
},
framed: {
type: Boolean,
default: false
}
},
data: function () {
return {
tabsData: this.tabberData.tabsData,
currentTab: this.tabberData.currentTab
};
},
mounted: function () {
console.log( this.$el );
this.$el.parentElement.classList.add( 'tabber--live' );
}
} );
</script>