ZorgCC/psina-avatar-frontend
2
0
Fork 0
mirror of https://github.com/ZorgCC/psina-avatar-frontend.git synced 2025-03-14 06:10:24 +03:00
Code Issues Projects Releases Wiki Activity

feature: fix prettier problems

Browse Source
This commit is contained in:
Aleksei Tsybin 2022-02-22 19:12:06 +03:00
parent 16fb4c2973
commit 87301667a2
3 changed files with 8 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.eslintrc.js
View File

@ -14,5 +14,11 @@ module.exports = {
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'prettier/prettier': [
'error',
{
endOfLine: 'auto',
},
],
},
}

1
.prettierrc.js
View File

@ -3,4 +3,5 @@ module.exports = {
tabWidth: 2,
semi: false,
singleQuote: true,
endOfLine: 'auto',
}

141
src/App.vue
View File

@ -1,140 +1 @@
<template>
<div id="app">
<div class="container">
<b-navbar>
<template #start>
<b-navbar-item href="#"> Home </b-navbar-item>
<b-navbar-dropdown label="Info">
<b-navbar-item href="#"> About </b-navbar-item>
<b-navbar-item href="#"> Contact </b-navbar-item>
</b-navbar-dropdown>
</template>
<template #end>
<b-navbar-item tag="div">
<div class="buttons">
<a class="button is-light">
<strong>Sign up</strong>
</a>
<a class="button is-light"> Log in </a>
</div>
</b-navbar-item>
</template>
</b-navbar>
<div class="notification is-primary">
This container is <strong>centered</strong> on desktop and larger
viewports.
</div>
<div class="card">
<div class="card-content">
<div class="content">
Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros.
Donec id elit non mi porta gravida at eget metus. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Cras mattis consectetur purus sit amet fermentum.
</div>
<footer class="card-footer">
<a href="#" class="card-footer-item">Save</a>
<a href="#" class="card-footer-item">Edit</a>
<a href="#" class="card-footer-item">Delete</a>
</footer>
</div>
</div>
<b-table :data="data" :columns="columns"></b-table>
</div>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
first_name: 'Jesse',
last_name: 'Simmons',
date: '2016-10-15 13:43:27',
gender: 'Male',
},
{
id: 2,
first_name: 'John',
last_name: 'Jacobs',
date: '2016-12-15 06:00:53',
gender: 'Male',
},
{
id: 3,
first_name: 'Tina',
last_name: 'Gilbert',
date: '2016-04-26 06:26:28',
gender: 'Female',
},
{
id: 4,
first_name: 'Clarence',
last_name: 'Flores',
date: '2016-04-10 10:28:46',
gender: 'Male',
},
{
id: 5,
first_name: 'Anne',
last_name: 'Lee',
date: '2016-12-06 14:38:38',
gender: 'Female',
},
],
columns: [
{
field: 'id',
label: 'ID',
width: '40',
numeric: true,
},
{
field: 'first_name',
label: 'First Name',
},
{
field: 'last_name',
label: 'Last Name',
},
{
field: 'date',
label: 'Date',
centered: true,
},
{
field: 'gender',
label: 'Gender',
},
],
}
},
}
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
nav {
padding: 30px;
}
nav a {
font-weight: bold;
color: #2c3e50;
}
nav a.router-link-exact-active {
color: #42b983;
}
</style>
<template> <div id="app"> <div class="container"> <b-navbar> <template #start> <b-navbar-item href="#"> Home </b-navbar-item> <b-navbar-dropdown label="Info"> <b-navbar-item href="#"> About </b-navbar-item> <b-navbar-item href="#"> Contact </b-navbar-item> </b-navbar-dropdown> </template> <template #end> <b-navbar-item tag="div"> <div class="buttons"> <a class="button is-light"> <strong>Sign up</strong> </a> <a class="button is-light"> Log in </a> </div> </b-navbar-item> </template> </b-navbar> <div class="notification is-primary"> This container is <strong>centered</strong> on desktop and larger viewports. </div> <div class="card"> <div class="card-content"> <div class="content"> Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. </div> <footer class="card-footer"> <a href="#" class="card-footer-item">Save</a> <a href="#" class="card-footer-item">Edit</a> <a href="#" class="card-footer-item">Delete</a> </footer> </div> </div> <b-table :data="data" :columns="columns"></b-table> </div> </div> </template> <script> export default { data() { return { data: [ { id: 1, first_name: 'Jesse', last_name: 'Simmons', date: '2016-10-15 13:43:27', gender: 'Male', }, { id: 2, first_name: 'John', last_name: 'Jacobs', date: '2016-12-15 06:00:53', gender: 'Male', }, { id: 3, first_name: 'Tina', last_name: 'Gilbert', date: '2016-04-26 06:26:28', gender: 'Female', }, { id: 4, first_name: 'Clarence', last_name: 'Flores', date: '2016-04-10 10:28:46', gender: 'Male', }, { id: 5, first_name: 'Anne', last_name: 'Lee', date: '2016-12-06 14:38:38', gender: 'Female', }, ], columns: [ { field: 'id', label: 'ID', width: '40', numeric: true, }, { field: 'first_name', label: 'First Name', }, { field: 'last_name', label: 'Last Name', }, { field: 'date', label: 'Date', centered: true, }, { field: 'gender', label: 'Gender', }, ], } }, } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; } nav { padding: 30px; } nav a { font-weight: bold; color: #2c3e50; } nav a.router-link-exact-active { color: #42b983; } </style>