ff84f5676e
- Migrate to newer `eslint-config-airbnb-with-typescript` from `eslint-config-airbnb`. - Add also `rushstack/eslint-patch` as per instructed by `eslint-config-airbnb-with-typescript` docs. - Update codebase to align with new linting standards. - Add script to configure VS Code for effective linting for project developers, move it to `scripts` directory along with clean npm install script for better organization.
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<div class="scripts">
|
|
<TheScriptsMenu v-on:viewChanged="currentView = $event" />
|
|
<HorizontalResizeSlider
|
|
class="row"
|
|
verticalMargin="15px"
|
|
firstInitialWidth="55%"
|
|
firstMinWidth="20%"
|
|
secondMinWidth="20%"
|
|
>
|
|
<template v-slot:first>
|
|
<TheScriptsView :currentView="currentView" />
|
|
</template>
|
|
<template v-slot:second>
|
|
<TheCodeArea theme="xcode" />
|
|
</template>
|
|
</HorizontalResizeSlider>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator';
|
|
import TheCodeArea from '@/presentation/components/Code/TheCodeArea.vue';
|
|
import TheScriptsView from '@/presentation/components/Scripts/View/TheScriptsView.vue';
|
|
import TheScriptsMenu from '@/presentation/components/Scripts/Menu/TheScriptsMenu.vue';
|
|
import HorizontalResizeSlider from '@/presentation/components/Scripts/Slider/HorizontalResizeSlider.vue';
|
|
import { ViewType } from '@/presentation/components/Scripts/Menu/View/ViewType';
|
|
|
|
@Component({
|
|
components: {
|
|
TheCodeArea,
|
|
TheScriptsView,
|
|
TheScriptsMenu,
|
|
HorizontalResizeSlider,
|
|
},
|
|
})
|
|
export default class TheScriptArea extends Vue {
|
|
public currentView = ViewType.Cards;
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.scripts {
|
|
> * + * {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
</style>
|