최동원

코드정리

...@@ -3,16 +3,14 @@ ...@@ -3,16 +3,14 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 -import ToolView from './components/ToolView' 6 +import ToolView from './components/ToolView';
7 7
8 - export default { 8 +export default {
9 data() { 9 data() {
10 - return { 10 + return {};
11 -
12 - }
13 }, 11 },
14 components: { 12 components: {
15 ToolView, 13 ToolView,
16 - } 14 + },
17 - } 15 +};
18 </script> 16 </script>
......
...@@ -79,15 +79,15 @@ function downloadFile(fileData) { ...@@ -79,15 +79,15 @@ function downloadFile(fileData) {
79 }, 79 },
80 }); 80 });
81 } 81 }
82 -function accessedList(curData){ 82 +function accessedList(curData) {
83 return axios.get('api/quick', { 83 return axios.get('api/quick', {
84 - params:{ 84 + params: {
85 - id: curData.id 85 + id: curData.id,
86 }, 86 },
87 }); 87 });
88 } 88 }
89 -function modifyFile(fileData){ 89 +function modifyFile(fileData) {
90 - return axios.post(`/api/file/modify/${fileData.name}`, fileData) 90 + return axios.post(`/api/file/modify/${fileData.name}`, fileData);
91 } 91 }
92 function delFavorite(folderData) { 92 function delFavorite(folderData) {
93 return axios.post('api/favorites/delfolder', folderData); 93 return axios.post('api/favorites/delfolder', folderData);
...@@ -127,5 +127,5 @@ export { ...@@ -127,5 +127,5 @@ export {
127 addFavoriteFile, 127 addFavoriteFile,
128 accessedList, 128 accessedList,
129 detailFile, 129 detailFile,
130 - modifyFile 130 + modifyFile,
131 }; 131 };
......
1 <template> 1 <template>
2 - <v-card 2 + <v-card max-width="98%" class="mx-auto">
3 - max-width="98%" 3 + <v-toolbar color="light-blue" dark>
4 - class="mx-auto"
5 - >
6 - <v-toolbar
7 - color="light-blue"
8 - dark
9 - >
10 <v-toolbar-title>즐겨찾기</v-toolbar-title> 4 <v-toolbar-title>즐겨찾기</v-toolbar-title>
11 <v-spacer></v-spacer> 5 <v-spacer></v-spacer>
12 </v-toolbar> 6 </v-toolbar>
13 <v-list two-line subheader> 7 <v-list two-line subheader>
14 - <v-list-item 8 + <v-list-item v-for="item in items" :key="item.title" @click="">
15 - v-for="item in items"
16 - :key="item.title"
17 - @click=""
18 - >
19 <v-list-item-avatar> 9 <v-list-item-avatar>
20 - <v-icon 10 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
21 - :class="[item.iconClass]"
22 - v-text="item.icon"
23 - ></v-icon>
24 </v-list-item-avatar> 11 </v-list-item-avatar>
25 <v-list-item-content> 12 <v-list-item-content>
26 <v-list-item-title v-text="item.title"></v-list-item-title> 13 <v-list-item-title v-text="item.title"></v-list-item-title>
...@@ -32,16 +19,9 @@ ...@@ -32,16 +19,9 @@
32 </v-btn> 19 </v-btn>
33 </v-list-item-action> 20 </v-list-item-action>
34 </v-list-item> 21 </v-list-item>
35 - <v-list-item 22 + <v-list-item v-for="item in items2" :key="item.title" @click="">
36 - v-for="item in items2"
37 - :key="item.title"
38 - @click=""
39 - >
40 <v-list-item-avatar> 23 <v-list-item-avatar>
41 - <v-icon 24 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
42 - :class="[item.iconClass]"
43 - v-text="item.icon"
44 - ></v-icon>
45 </v-list-item-avatar> 25 </v-list-item-avatar>
46 <v-list-item-content> 26 <v-list-item-content>
47 <v-list-item-title v-text="item.title"></v-list-item-title> 27 <v-list-item-title v-text="item.title"></v-list-item-title>
...@@ -58,17 +38,42 @@ ...@@ -58,17 +38,42 @@
58 </template> 38 </template>
59 39
60 <script> 40 <script>
61 - export default { 41 +export default {
62 data: () => ({ 42 data: () => ({
63 items: [ 43 items: [
64 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Photos', subtitle: 'Jan 9, 2014' }, 44 + {
65 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 45 + icon: 'folder',
66 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Work', subtitle: 'Jan 28, 2014' }, 46 + iconClass: 'grey lighten-1 white--text',
47 + title: 'Photos',
48 + subtitle: 'Jan 9, 2014',
49 + },
50 + {
51 + icon: 'folder',
52 + iconClass: 'grey lighten-1 white--text',
53 + title: 'Recipes',
54 + subtitle: 'Jan 17, 2014',
55 + },
56 + {
57 + icon: 'folder',
58 + iconClass: 'grey lighten-1 white--text',
59 + title: 'Work',
60 + subtitle: 'Jan 28, 2014',
61 + },
67 ], 62 ],
68 items2: [ 63 items2: [
69 - { icon: 'assignment', iconClass: 'blue white--text', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 64 + {
70 - { icon: 'call_to_action', iconClass: 'amber white--text', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 65 + icon: 'assignment',
66 + iconClass: 'blue white--text',
67 + title: 'Vacation itinerary',
68 + subtitle: 'Jan 20, 2014',
69 + },
70 + {
71 + icon: 'call_to_action',
72 + iconClass: 'amber white--text',
73 + title: 'Kitchen remodel',
74 + subtitle: 'Jan 10, 2014',
75 + },
71 ], 76 ],
72 }), 77 }),
73 - } 78 +};
74 </script> 79 </script>
......
1 <template> 1 <template>
2 - <v-card 2 + <v-card max-width="98%" class="mx-auto">
3 - max-width="98%" 3 + <v-toolbar color="light-blue" dark>
4 - class="mx-auto"
5 - >
6 - <v-toolbar
7 - color="light-blue"
8 - dark
9 - >
10 <v-toolbar-title>파일</v-toolbar-title> 4 <v-toolbar-title>파일</v-toolbar-title>
11 <v-spacer></v-spacer> 5 <v-spacer></v-spacer>
12 </v-toolbar> 6 </v-toolbar>
13 <v-list two-line subheader> 7 <v-list two-line subheader>
14 - <v-list-item 8 + <v-list-item v-for="item in items" :key="item.title" @click="">
15 - v-for="item in items"
16 - :key="item.title"
17 - @click=""
18 - >
19 <v-list-item-avatar> 9 <v-list-item-avatar>
20 - <v-icon 10 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
21 - :class="[item.iconClass]"
22 - v-text="item.icon"
23 - ></v-icon>
24 </v-list-item-avatar> 11 </v-list-item-avatar>
25 <v-list-item-content> 12 <v-list-item-content>
26 <v-list-item-title v-text="item.title"></v-list-item-title> 13 <v-list-item-title v-text="item.title"></v-list-item-title>
...@@ -32,16 +19,9 @@ ...@@ -32,16 +19,9 @@
32 </v-btn> 19 </v-btn>
33 </v-list-item-action> 20 </v-list-item-action>
34 </v-list-item> 21 </v-list-item>
35 - <v-list-item 22 + <v-list-item v-for="item in items2" :key="item.title" @click="">
36 - v-for="item in items2"
37 - :key="item.title"
38 - @click=""
39 - >
40 <v-list-item-avatar> 23 <v-list-item-avatar>
41 - <v-icon 24 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
42 - :class="[item.iconClass]"
43 - v-text="item.icon"
44 - ></v-icon>
45 </v-list-item-avatar> 25 </v-list-item-avatar>
46 <v-list-item-content> 26 <v-list-item-content>
47 <v-list-item-title v-text="item.title"></v-list-item-title> 27 <v-list-item-title v-text="item.title"></v-list-item-title>
...@@ -58,17 +38,42 @@ ...@@ -58,17 +38,42 @@
58 </template> 38 </template>
59 39
60 <script> 40 <script>
61 - export default { 41 +export default {
62 data: () => ({ 42 data: () => ({
63 items: [ 43 items: [
64 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Photos', subtitle: 'Jan 9, 2014' }, 44 + {
65 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 45 + icon: 'folder',
66 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Work', subtitle: 'Jan 28, 2014' }, 46 + iconClass: 'grey lighten-1 white--text',
47 + title: 'Photos',
48 + subtitle: 'Jan 9, 2014',
49 + },
50 + {
51 + icon: 'folder',
52 + iconClass: 'grey lighten-1 white--text',
53 + title: 'Recipes',
54 + subtitle: 'Jan 17, 2014',
55 + },
56 + {
57 + icon: 'folder',
58 + iconClass: 'grey lighten-1 white--text',
59 + title: 'Work',
60 + subtitle: 'Jan 28, 2014',
61 + },
67 ], 62 ],
68 items2: [ 63 items2: [
69 - { icon: 'assignment', iconClass: 'blue white--text', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 64 + {
70 - { icon: 'call_to_action', iconClass: 'amber white--text', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 65 + icon: 'assignment',
66 + iconClass: 'blue white--text',
67 + title: 'Vacation itinerary',
68 + subtitle: 'Jan 20, 2014',
69 + },
70 + {
71 + icon: 'call_to_action',
72 + iconClass: 'amber white--text',
73 + title: 'Kitchen remodel',
74 + subtitle: 'Jan 10, 2014',
75 + },
71 ], 76 ],
72 }), 77 }),
73 - } 78 +};
74 </script> 79 </script>
......
1 <template lang="html"> 1 <template lang="html">
2 - <v-dialog 2 + <v-dialog v-model="dialog" max-width="290">
3 - v-model="dialog"
4 - max-width="290"
5 - >
6 <v-card> 3 <v-card>
7 - <v-card-title class="headline">Use Google's location service?</v-card-title> 4 + <v-card-title class="headline"
5 + >Use Google's location service?</v-card-title
6 + >
8 7
9 <v-card-text> 8 <v-card-text>
10 - Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running. 9 + Let Google help apps determine location. This means sending anonymous
10 + location data to Google, even when no apps are running.
11 </v-card-text> 11 </v-card-text>
12 12
13 <v-card-actions> 13 <v-card-actions>
14 <v-spacer></v-spacer> 14 <v-spacer></v-spacer>
15 15
16 - <v-btn 16 + <v-btn color="green darken-1" text @click="dialog = false">
17 - color="green darken-1"
18 - text
19 - @click="dialog = false"
20 - >
21 Disagree 17 Disagree
22 </v-btn> 18 </v-btn>
23 19
24 - <v-btn 20 + <v-btn color="green darken-1" text @click="dialog = false">
25 - color="green darken-1"
26 - text
27 - @click="dialog = false"
28 - >
29 Agree 21 Agree
30 </v-btn> 22 </v-btn>
31 </v-card-actions> 23 </v-card-actions>
...@@ -35,13 +27,12 @@ ...@@ -35,13 +27,12 @@
35 27
36 <script> 28 <script>
37 export default { 29 export default {
38 - data(){ 30 + data() {
39 - return{ 31 + return {
40 dialog: false, 32 dialog: false,
41 - } 33 + };
42 }, 34 },
43 -} 35 +};
44 </script> 36 </script>
45 37
46 -<style lang="css" scoped> 38 +<style lang="css" scoped></style>
47 -</style>
......
...@@ -45,7 +45,10 @@ ...@@ -45,7 +45,10 @@
45 v-for="item in this.$store.getters.fileL" 45 v-for="item in this.$store.getters.fileL"
46 :key="item.title" 46 :key="item.title"
47 @click.right="showF(item, $event)" 47 @click.right="showF(item, $event)"
48 - @dblclick="detailF(item, $event); file_detail(item);" 48 + @dblclick="
49 + detailF(item, $event);
50 + file_detail(item);
51 + "
49 @click="" 52 @click=""
50 > 53 >
51 <v-list-item-avatar> 54 <v-list-item-avatar>
...@@ -65,23 +68,23 @@ ...@@ -65,23 +68,23 @@
65 </v-list-item> 68 </v-list-item>
66 </v-list> 69 </v-list>
67 <!--file detial --> 70 <!--file detial -->
68 - <v-dialog 71 + <v-dialog v-model="showdetailF" max-width="290">
69 - v-model="showdetailF"
70 - max-width="290"
71 - >
72 <v-card> 72 <v-card>
73 <v-card-title class="headline"> 73 <v-card-title class="headline">
74 - <v-text-field v-model="current_filename" ></v-text-field> 74 + <v-text-field v-model="current_filename"></v-text-field>
75 </v-card-title> 75 </v-card-title>
76 <v-card-text> 76 <v-card-text>
77 - <v-text-field v-model="current_filedata" ></v-text-field> 77 + <v-text-field v-model="current_filedata"></v-text-field>
78 </v-card-text> 78 </v-card-text>
79 <v-card-actions> 79 <v-card-actions>
80 <v-spacer></v-spacer> 80 <v-spacer></v-spacer>
81 <v-btn 81 <v-btn
82 color="green darken-1" 82 color="green darken-1"
83 text 83 text
84 - @click="showdetailF = false; modify_file();" 84 + @click="
85 + showdetailF = false;
86 + modify_file();
87 + "
85 > 88 >
86 save 89 save
87 </v-btn> 90 </v-btn>
...@@ -300,7 +303,7 @@ import { ...@@ -300,7 +303,7 @@ import {
300 delFavoriteFile, 303 delFavoriteFile,
301 addFavoriteFile, 304 addFavoriteFile,
302 detailFile, 305 detailFile,
303 - modifyFile 306 + modifyFile,
304 } from '../api/index'; 307 } from '../api/index';
305 import Axios from 'axios'; 308 import Axios from 'axios';
306 export default { 309 export default {
...@@ -320,7 +323,7 @@ export default { ...@@ -320,7 +323,7 @@ export default {
320 howMenu: false, 323 howMenu: false,
321 showMenu: false, 324 showMenu: false,
322 showMenuF: false, //파일 관련 메뉴 325 showMenuF: false, //파일 관련 메뉴
323 - showdetailF:false, //txt 파일 상세정보 및 수정 326 + showdetailF: false, //txt 파일 상세정보 및 수정
324 x: 0, 327 x: 0,
325 y: 0, 328 y: 0,
326 dialog2: false, 329 dialog2: false,
...@@ -609,39 +612,39 @@ export default { ...@@ -609,39 +612,39 @@ export default {
609 this.dialog3 = false; 612 this.dialog3 = false;
610 } 613 }
611 }, 614 },
612 - async file_detail(){ 615 + async file_detail() {
613 - try{ 616 + try {
614 const currentData = { 617 const currentData = {
615 id: this.cfilename.user_id, 618 id: this.cfilename.user_id,
616 cur: this.cfilename.location, 619 cur: this.cfilename.location,
617 - fileName: this.cfilename.file_name 620 + fileName: this.cfilename.file_name,
618 - } 621 + };
619 - const detailData = await detailFile(currentData) 622 + const detailData = await detailFile(currentData);
620 this.current_filename = detailData.data.file_name; 623 this.current_filename = detailData.data.file_name;
621 this.current_filedata = detailData.data.content; 624 this.current_filedata = detailData.data.content;
622 console.log(this.current_filename); 625 console.log(this.current_filename);
623 console.log(this.current_filedata); 626 console.log(this.current_filedata);
624 - }catch(error){ 627 + } catch (error) {
625 console.log('에러'); 628 console.log('에러');
626 console.log(error); 629 console.log(error);
627 } 630 }
628 }, 631 },
629 - async modify_file(){ 632 + async modify_file() {
630 - try{ 633 + try {
631 const modifyData = { 634 const modifyData = {
632 user_id: this.cfilename.user_id, 635 user_id: this.cfilename.user_id,
633 cur: this.cfilename.location, 636 cur: this.cfilename.location,
634 name: this.current_filename, 637 name: this.current_filename,
635 - content: this.current_filedata 638 + content: this.current_filedata,
636 - } 639 + };
637 const result = await modifyFile(modifyData); 640 const result = await modifyFile(modifyData);
638 - const after_data={ 641 + const after_data = {
639 id: this.cfilename.user_id, 642 id: this.cfilename.user_id,
640 cur: this.cfilename.location, 643 cur: this.cfilename.location,
641 - fileName: this.current_filename 644 + fileName: this.current_filename,
642 - } 645 + };
643 - const detailData = await detailFile(after_data) 646 + const detailData = await detailFile(after_data);
644 - }catch(error){ 647 + } catch (error) {
645 console.log('에러'); 648 console.log('에러');
646 console.log(error); 649 console.log(error);
647 } 650 }
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <tbody> 14 <tbody>
15 <tr v-for="item in recent_list" :key="item.name"> 15 <tr v-for="item in recent_list" :key="item.name">
16 <td>{{ item.file_id }}</td> 16 <td>{{ item.file_id }}</td>
17 - <td>{{ item.file_name}}</td> 17 + <td>{{ item.file_name }}</td>
18 <td>{{ item.location }}</td> 18 <td>{{ item.location }}</td>
19 <td>{{ item.date }}</td> 19 <td>{{ item.date }}</td>
20 </tr> 20 </tr>
...@@ -26,34 +26,31 @@ ...@@ -26,34 +26,31 @@
26 </template> 26 </template>
27 27
28 <script> 28 <script>
29 - import { accessedList } from '../api/index'; 29 +import { accessedList } from '../api/index';
30 - import Axios from 'axios'; 30 +import Axios from 'axios';
31 - export default { 31 +export default {
32 data() { 32 data() {
33 return { 33 return {
34 - recent_list : [] 34 + recent_list: [],
35 - } 35 + };
36 }, 36 },
37 - async created(){ 37 + async created() {
38 try { 38 try {
39 const curData = { 39 const curData = {
40 - id : this.$store.state.id, 40 + id: this.$store.state.id,
41 - } 41 + };
42 console.log(curData); 42 console.log(curData);
43 const list_reponse = await accessedList(curData); 43 const list_reponse = await accessedList(curData);
44 - this.$store.commit('setRecentList', list_reponse.data) 44 + this.$store.commit('setRecentList', list_reponse.data);
45 this.recent_list = this.$store.getters.recentL; 45 this.recent_list = this.$store.getters.recentL;
46 console.log(this.$store.getters.recentL); 46 console.log(this.$store.getters.recentL);
47 } catch (error) { 47 } catch (error) {
48 - console.log("에러"); 48 + console.log('에러');
49 console.log(error); 49 console.log(error);
50 } 50 }
51 }, 51 },
52 - methods:{ 52 + methods: {},
53 - 53 +};
54 - }
55 - }
56 </script> 54 </script>
57 55
58 -<style lang="css" scoped> 56 +<style lang="css" scoped></style>
59 -</style>
......
1 -import Vue from 'vue' 1 +import Vue from 'vue';
2 -import App from './App.vue' 2 +import App from './App.vue';
3 -import router from './routes/index' 3 +import router from './routes/index';
4 -import store from './store/index' 4 +import store from './store/index';
5 import vuetify from './plugins/vuetify'; 5 import vuetify from './plugins/vuetify';
6 6
7 -Vue.config.productionTip = false 7 +Vue.config.productionTip = false;
8 8
9 new Vue({ 9 new Vue({
10 router, 10 router,
11 store, 11 store,
12 vuetify, 12 vuetify,
13 - render: h => h(App) 13 + render: h => h(App),
14 -}).$mount('#app') 14 +}).$mount('#app');
......
...@@ -10,7 +10,7 @@ export default new Vuex.Store({ ...@@ -10,7 +10,7 @@ export default new Vuex.Store({
10 files: [], 10 files: [],
11 cur: '/', 11 cur: '/',
12 parent: '/', 12 parent: '/',
13 - recentList:[] 13 + recentList: [],
14 }, 14 },
15 mutations: { 15 mutations: {
16 setId(state, userid) { 16 setId(state, userid) {
...@@ -31,9 +31,9 @@ export default new Vuex.Store({ ...@@ -31,9 +31,9 @@ export default new Vuex.Store({
31 setParent(state, parent) { 31 setParent(state, parent) {
32 state.parent = parent; 32 state.parent = parent;
33 }, 33 },
34 - setRecentList(state, list){ 34 + setRecentList(state, list) {
35 state.recentList = list; 35 state.recentList = list;
36 - } 36 + },
37 }, 37 },
38 getters: { 38 getters: {
39 isLogin(state) { 39 isLogin(state) {
...@@ -48,7 +48,7 @@ export default new Vuex.Store({ ...@@ -48,7 +48,7 @@ export default new Vuex.Store({
48 fileL(state) { 48 fileL(state) {
49 return state.files; 49 return state.files;
50 }, 50 },
51 - recentL(state){ 51 + recentL(state) {
52 return state.recentList; 52 return state.recentList;
53 }, 53 },
54 cur(state) { 54 cur(state) {
......
...@@ -3,13 +3,12 @@ ...@@ -3,13 +3,12 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 - import contact from '@/components/make_contact.vue' 6 +import contact from '@/components/make_contact.vue';
7 - export default { 7 +export default {
8 - components:{ 8 + components: {
9 - contact 9 + contact,
10 - } 10 + },
11 - } 11 +};
12 </script> 12 </script>
13 13
14 -<style lang="css" scoped> 14 +<style lang="css" scoped></style>
15 -</style>
......
...@@ -14,17 +14,9 @@ ...@@ -14,17 +14,9 @@
14 </v-toolbar> 14 </v-toolbar>
15 15
16 <v-list two-line subheader> 16 <v-list two-line subheader>
17 - 17 + <v-list-item v-for="item in items" :key="item.title" @click="">
18 -
19 - <v-list-item
20 - v-for="item in items"
21 - :key="item.title"
22 - @click=""
23 - >
24 <v-list-item-avatar> 18 <v-list-item-avatar>
25 - <v-icon 19 + <v-icon>{{ item.iconClass }}</v-icon>
26 -
27 - >{{item.iconClass}}</v-icon>
28 </v-list-item-avatar> 20 </v-list-item-avatar>
29 21
30 <v-list-item-content> 22 <v-list-item-content>
...@@ -39,14 +31,9 @@ ...@@ -39,14 +31,9 @@
39 </v-list-item-action> 31 </v-list-item-action>
40 </v-list-item> 32 </v-list-item>
41 33
42 - 34 + <v-list-item v-for="item in items2" :key="item.title" @click="">
43 - <v-list-item
44 - v-for="item in items2"
45 - :key="item.title"
46 - @click=""
47 - >
48 <v-list-item-avatar> 35 <v-list-item-avatar>
49 - <v-icon> {{item.iconClass}}</v-icon> 36 + <v-icon> {{ item.iconClass }}</v-icon>
50 </v-list-item-avatar> 37 </v-list-item-avatar>
51 38
52 <v-list-item-content> 39 <v-list-item-content>
...@@ -65,17 +52,42 @@ ...@@ -65,17 +52,42 @@
65 </template> 52 </template>
66 53
67 <script> 54 <script>
68 - export default { 55 +export default {
69 data: () => ({ 56 data: () => ({
70 items: [ 57 items: [
71 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Photos', subtitle: 'Jan 9, 2014' }, 58 + {
72 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 59 + icon: 'folder',
73 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Work', subtitle: 'Jan 28, 2014' }, 60 + iconClass: 'mdi-folder',
61 + title: 'Photos',
62 + subtitle: 'Jan 9, 2014',
63 + },
64 + {
65 + icon: 'folder',
66 + iconClass: 'mdi-folder',
67 + title: 'Recipes',
68 + subtitle: 'Jan 17, 2014',
69 + },
70 + {
71 + icon: 'folder',
72 + iconClass: 'mdi-folder',
73 + title: 'Work',
74 + subtitle: 'Jan 28, 2014',
75 + },
74 ], 76 ],
75 items2: [ 77 items2: [
76 - { icon: 'assignment', iconClass: 'mdi-file', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 78 + {
77 - { icon: 'call_to_action', iconClass: 'mdi-PdfBox', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 79 + icon: 'assignment',
80 + iconClass: 'mdi-file',
81 + title: 'Vacation itinerary',
82 + subtitle: 'Jan 20, 2014',
83 + },
84 + {
85 + icon: 'call_to_action',
86 + iconClass: 'mdi-PdfBox',
87 + title: 'Kitchen remodel',
88 + subtitle: 'Jan 10, 2014',
89 + },
78 ], 90 ],
79 }), 91 }),
80 - } 92 +};
81 </script> 93 </script>
......
...@@ -4,17 +4,15 @@ ...@@ -4,17 +4,15 @@
4 </v-container> 4 </v-container>
5 </template> 5 </template>
6 6
7 -
8 -
9 <script> 7 <script>
10 - import FileList from '@/components/FileList' 8 +import FileList from '@/components/FileList';
11 - import Favlist from '@/components/Fav_list' 9 +import Favlist from '@/components/Fav_list';
12 - export default { 10 +export default {
13 - components:{ 11 + components: {
14 FileList, 12 FileList,
15 - Favlist 13 + Favlist,
16 }, 14 },
17 - data () { 15 + data() {
18 return { 16 return {
19 headers: [ 17 headers: [
20 { 18 {
...@@ -37,7 +35,7 @@ ...@@ -37,7 +35,7 @@
37 carbs: 24, 35 carbs: 24,
38 protein: 4.0, 36 protein: 4.0,
39 iron: '1%', 37 iron: '1%',
40 - format : 'dir' 38 + format: 'dir',
41 }, 39 },
42 { 40 {
43 name: 'Ice cream sandwich', 41 name: 'Ice cream sandwich',
...@@ -46,7 +44,7 @@ ...@@ -46,7 +44,7 @@
46 carbs: 37, 44 carbs: 37,
47 protein: 4.3, 45 protein: 4.3,
48 iron: '1%', 46 iron: '1%',
49 - format: 'pdf' 47 + format: 'pdf',
50 }, 48 },
51 { 49 {
52 name: 'Eclair', 50 name: 'Eclair',
...@@ -55,7 +53,7 @@ ...@@ -55,7 +53,7 @@
55 carbs: 23, 53 carbs: 23,
56 protein: 6.0, 54 protein: 6.0,
57 iron: '7%', 55 iron: '7%',
58 - format: 'file' 56 + format: 'file',
59 }, 57 },
60 { 58 {
61 name: 'Cupcake', 59 name: 'Cupcake',
...@@ -64,7 +62,7 @@ ...@@ -64,7 +62,7 @@
64 carbs: 67, 62 carbs: 67,
65 protein: 4.3, 63 protein: 4.3,
66 iron: '8%', 64 iron: '8%',
67 - format : 'dir' 65 + format: 'dir',
68 }, 66 },
69 { 67 {
70 name: 'Gingerbread', 68 name: 'Gingerbread',
...@@ -73,7 +71,7 @@ ...@@ -73,7 +71,7 @@
73 carbs: 49, 71 carbs: 49,
74 protein: 3.9, 72 protein: 3.9,
75 iron: '16%', 73 iron: '16%',
76 - format : 'pdf' 74 + format: 'pdf',
77 }, 75 },
78 { 76 {
79 name: 'Jelly bean', 77 name: 'Jelly bean',
...@@ -82,7 +80,7 @@ ...@@ -82,7 +80,7 @@
82 carbs: 94, 80 carbs: 94,
83 protein: 0.0, 81 protein: 0.0,
84 iron: '0%', 82 iron: '0%',
85 - format:'file' 83 + format: 'file',
86 }, 84 },
87 { 85 {
88 name: 'Lollipop', 86 name: 'Lollipop',
...@@ -91,7 +89,7 @@ ...@@ -91,7 +89,7 @@
91 carbs: 98, 89 carbs: 98,
92 protein: 0, 90 protein: 0,
93 iron: '2%', 91 iron: '2%',
94 - format:'dir' 92 + format: 'dir',
95 }, 93 },
96 { 94 {
97 name: 'Honeycomb', 95 name: 'Honeycomb',
...@@ -100,7 +98,7 @@ ...@@ -100,7 +98,7 @@
100 carbs: 87, 98 carbs: 87,
101 protein: 6.5, 99 protein: 6.5,
102 iron: '45%', 100 iron: '45%',
103 - foramt:'file' 101 + foramt: 'file',
104 }, 102 },
105 { 103 {
106 name: 'Donut', 104 name: 'Donut',
...@@ -109,7 +107,7 @@ ...@@ -109,7 +107,7 @@
109 carbs: 51, 107 carbs: 51,
110 protein: 4.9, 108 protein: 4.9,
111 iron: '22%', 109 iron: '22%',
112 - foramt:'pdf' 110 + foramt: 'pdf',
113 }, 111 },
114 { 112 {
115 name: 'KitKat', 113 name: 'KitKat',
...@@ -118,20 +116,20 @@ ...@@ -118,20 +116,20 @@
118 carbs: 65, 116 carbs: 65,
119 protein: 7, 117 protein: 7,
120 iron: '6%', 118 iron: '6%',
121 - foramt:'dir' 119 + foramt: 'dir',
122 }, 120 },
123 ], 121 ],
124 - favorite:[ 122 + favorite: [
125 { 123 {
126 name: 'KitKat', 124 name: 'KitKat',
127 - date: '20.05.17' 125 + date: '20.05.17',
128 }, 126 },
129 { 127 {
130 name: 'Vuetify', 128 name: 'Vuetify',
131 - date: '20.05.17' 129 + date: '20.05.17',
132 - } 130 + },
133 ], 131 ],
134 - } 132 + };
135 }, 133 },
136 - } 134 +};
137 </script> 135 </script>
......
...@@ -3,13 +3,12 @@ ...@@ -3,13 +3,12 @@
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 -import FileDetail from '@/components/FileDetail' 6 +import FileDetail from '@/components/FileDetail';
7 export default { 7 export default {
8 - components:{ 8 + components: {
9 - FileDetail 9 + FileDetail,
10 - } 10 + },
11 -} 11 +};
12 </script> 12 </script>
13 13
14 -<style lang="css" scoped> 14 +<style lang="css" scoped></style>
15 -</style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <v-container> 2 <v-container>
3 <div> 3 <div>
4 <h2>안녕하세요!</h2> 4 <h2>안녕하세요!</h2>
5 - <br><br> 5 + <br /><br />
6 </div> 6 </div>
7 <v-layout column> 7 <v-layout column>
8 <v-flex> 8 <v-flex>
...@@ -19,12 +19,12 @@ ...@@ -19,12 +19,12 @@
19 ></v-data-table> 19 ></v-data-table>
20 <v-spacer></v-spacer> 20 <v-spacer></v-spacer>
21 </v-flex> 21 </v-flex>
22 - <v-flex><br><v-divider></v-divider><br></v-flex> 22 + <v-flex><br /><v-divider></v-divider><br /></v-flex>
23 <v-container> 23 <v-container>
24 <accessList></accessList> 24 <accessList></accessList>
25 </v-container> 25 </v-container>
26 </v-flex> 26 </v-flex>
27 - <v-flex><br><v-divider></v-divider><br></v-flex> 27 + <v-flex><br /><v-divider></v-divider><br /></v-flex>
28 <v-flex xs6> 28 <v-flex xs6>
29 <h1>즐겨찾기</h1> 29 <h1>즐겨찾기</h1>
30 <v-simple-table> 30 <v-simple-table>
...@@ -47,17 +47,14 @@ ...@@ -47,17 +47,14 @@
47 </v-flex> 47 </v-flex>
48 </v-layout> 48 </v-layout>
49 </v-flex> 49 </v-flex>
50 -
51 </v-layout> 50 </v-layout>
52 </v-container> 51 </v-container>
53 </template> 52 </template>
54 53
55 -
56 -
57 <script> 54 <script>
58 - import accessList from '@/components/accessList.vue' 55 +import accessList from '@/components/accessList.vue';
59 - export default { 56 +export default {
60 - data () { 57 + data() {
61 return { 58 return {
62 headers: [ 59 headers: [
63 { 60 {
...@@ -80,7 +77,7 @@ ...@@ -80,7 +77,7 @@
80 carbs: 24, 77 carbs: 24,
81 protein: 4.0, 78 protein: 4.0,
82 iron: '1%', 79 iron: '1%',
83 - format : 'dir' 80 + format: 'dir',
84 }, 81 },
85 { 82 {
86 name: 'Ice cream sandwich', 83 name: 'Ice cream sandwich',
...@@ -89,7 +86,7 @@ ...@@ -89,7 +86,7 @@
89 carbs: 37, 86 carbs: 37,
90 protein: 4.3, 87 protein: 4.3,
91 iron: '1%', 88 iron: '1%',
92 - format: 'pdf' 89 + format: 'pdf',
93 }, 90 },
94 { 91 {
95 name: 'Eclair', 92 name: 'Eclair',
...@@ -98,7 +95,7 @@ ...@@ -98,7 +95,7 @@
98 carbs: 23, 95 carbs: 23,
99 protein: 6.0, 96 protein: 6.0,
100 iron: '7%', 97 iron: '7%',
101 - format: 'file' 98 + format: 'file',
102 }, 99 },
103 { 100 {
104 name: 'Cupcake', 101 name: 'Cupcake',
...@@ -107,7 +104,7 @@ ...@@ -107,7 +104,7 @@
107 carbs: 67, 104 carbs: 67,
108 protein: 4.3, 105 protein: 4.3,
109 iron: '8%', 106 iron: '8%',
110 - format : 'dir' 107 + format: 'dir',
111 }, 108 },
112 { 109 {
113 name: 'Gingerbread', 110 name: 'Gingerbread',
...@@ -116,7 +113,7 @@ ...@@ -116,7 +113,7 @@
116 carbs: 49, 113 carbs: 49,
117 protein: 3.9, 114 protein: 3.9,
118 iron: '16%', 115 iron: '16%',
119 - format : 'pdf' 116 + format: 'pdf',
120 }, 117 },
121 { 118 {
122 name: 'Jelly bean', 119 name: 'Jelly bean',
...@@ -125,7 +122,7 @@ ...@@ -125,7 +122,7 @@
125 carbs: 94, 122 carbs: 94,
126 protein: 0.0, 123 protein: 0.0,
127 iron: '0%', 124 iron: '0%',
128 - format:'file' 125 + format: 'file',
129 }, 126 },
130 { 127 {
131 name: 'Lollipop', 128 name: 'Lollipop',
...@@ -134,7 +131,7 @@ ...@@ -134,7 +131,7 @@
134 carbs: 98, 131 carbs: 98,
135 protein: 0, 132 protein: 0,
136 iron: '2%', 133 iron: '2%',
137 - format:'dir' 134 + format: 'dir',
138 }, 135 },
139 { 136 {
140 name: 'Honeycomb', 137 name: 'Honeycomb',
...@@ -143,7 +140,7 @@ ...@@ -143,7 +140,7 @@
143 carbs: 87, 140 carbs: 87,
144 protein: 6.5, 141 protein: 6.5,
145 iron: '45%', 142 iron: '45%',
146 - foramt:'file' 143 + foramt: 'file',
147 }, 144 },
148 { 145 {
149 name: 'Donut', 146 name: 'Donut',
...@@ -152,7 +149,7 @@ ...@@ -152,7 +149,7 @@
152 carbs: 51, 149 carbs: 51,
153 protein: 4.9, 150 protein: 4.9,
154 iron: '22%', 151 iron: '22%',
155 - foramt:'pdf' 152 + foramt: 'pdf',
156 }, 153 },
157 { 154 {
158 name: 'KitKat', 155 name: 'KitKat',
...@@ -161,20 +158,20 @@ ...@@ -161,20 +158,20 @@
161 carbs: 65, 158 carbs: 65,
162 protein: 7, 159 protein: 7,
163 iron: '6%', 160 iron: '6%',
164 - foramt:'dir' 161 + foramt: 'dir',
165 }, 162 },
166 ], 163 ],
167 - favorite:[ 164 + favorite: [
168 { 165 {
169 name: 'KitKat', 166 name: 'KitKat',
170 - date: '20.05.17' 167 + date: '20.05.17',
171 }, 168 },
172 { 169 {
173 name: 'Vuetify', 170 name: 'Vuetify',
174 - date: '20.05.17' 171 + date: '20.05.17',
175 - } 172 + },
176 ], 173 ],
177 - } 174 + };
178 }, 175 },
179 - } 176 +};
180 </script> 177 </script>
......
...@@ -5,15 +5,13 @@ ...@@ -5,15 +5,13 @@
5 </template> 5 </template>
6 6
7 <script> 7 <script>
8 -import LoginForm from '../components/LoginForm' 8 +import LoginForm from '../components/LoginForm';
9 9
10 export default { 10 export default {
11 components: { 11 components: {
12 LoginForm, 12 LoginForm,
13 - } 13 + },
14 -} 14 +};
15 </script> 15 </script>
16 16
17 -<style>
18 -
19 -</style>
...\ No newline at end of file ...\ No newline at end of file
17 +<style></style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <v-container> 2 <v-container>
3 <div> 3 <div>
4 <h2>안녕하세요!</h2> 4 <h2>안녕하세요!</h2>
5 - <br><br> 5 + <br /><br />
6 </div> 6 </div>
7 <v-layout column> 7 <v-layout column>
8 <v-flex> 8 <v-flex>
...@@ -11,9 +11,9 @@ ...@@ -11,9 +11,9 @@
11 <v-flex> 11 <v-flex>
12 <Filecard></Filecard> 12 <Filecard></Filecard>
13 </v-flex> 13 </v-flex>
14 - <v-flex><br><br></v-flex> 14 + <v-flex><br /><br /></v-flex>
15 </v-flex> 15 </v-flex>
16 - <v-flex><br><br></v-flex> 16 + <v-flex><br /><br /></v-flex>
17 <v-flex lg6> 17 <v-flex lg6>
18 <Favlist></Favlist> 18 <Favlist></Favlist>
19 </v-flex> 19 </v-flex>
...@@ -23,52 +23,28 @@ ...@@ -23,52 +23,28 @@
23 <v-divider></v-divider> 23 <v-divider></v-divider>
24 <v-layout column> 24 <v-layout column>
25 <v-flex> 25 <v-flex>
26 - <v-toolbar flat>
27 - <v-toolbar-title>빠른 액세스</v-toolbar-title>
28 - <v-spacer></v-spacer>
29 - </v-toolbar>
30 <v-container> 26 <v-container>
31 <accessList></accessList> 27 <accessList></accessList>
32 </v-container> 28 </v-container>
33 - <!--
34 - <v-simple-table>
35 - <template v-slot:default>
36 - <thead>
37 - <tr>
38 - <th class="text-left">Name</th>
39 - <th class="text-left">Date</th>
40 - </tr>
41 - </thead>
42 - <tbody>
43 - <tr v-for="item in favorite" :key="item.name">
44 - <td>{{ item.name }}</td>
45 - <td>{{ item.date }}</td>
46 - </tr>
47 - </tbody>
48 - </template>
49 - </v-simple-table>
50 - -->
51 <v-divider></v-divider> 29 <v-divider></v-divider>
52 </v-flex> 30 </v-flex>
53 </v-layout> 31 </v-layout>
54 </v-container> 32 </v-container>
55 </template> 33 </template>
56 34
57 -
58 -
59 <script> 35 <script>
60 - import accessList from '@/components/accessList.vue' 36 +import accessList from '@/components/accessList.vue';
61 - import FileList from '@/components/FileList' 37 +import FileList from '@/components/FileList';
62 - import Favlist from '@/components/Fav_list' 38 +import Favlist from '@/components/Fav_list';
63 - import Filecard from '@/components/FileCardlist.vue' 39 +import Filecard from '@/components/FileCardlist.vue';
64 - export default { 40 +export default {
65 - components:{ 41 + components: {
66 FileList, 42 FileList,
67 Favlist, 43 Favlist,
68 Filecard, 44 Filecard,
69 - accessList 45 + accessList,
70 }, 46 },
71 - data () { 47 + data() {
72 return { 48 return {
73 headers: [ 49 headers: [
74 { 50 {
...@@ -91,7 +67,7 @@ ...@@ -91,7 +67,7 @@
91 carbs: 24, 67 carbs: 24,
92 protein: 4.0, 68 protein: 4.0,
93 iron: '1%', 69 iron: '1%',
94 - format : 'dir' 70 + format: 'dir',
95 }, 71 },
96 { 72 {
97 name: 'Ice cream sandwich', 73 name: 'Ice cream sandwich',
...@@ -100,7 +76,7 @@ ...@@ -100,7 +76,7 @@
100 carbs: 37, 76 carbs: 37,
101 protein: 4.3, 77 protein: 4.3,
102 iron: '1%', 78 iron: '1%',
103 - format: 'pdf' 79 + format: 'pdf',
104 }, 80 },
105 { 81 {
106 name: 'Eclair', 82 name: 'Eclair',
...@@ -109,7 +85,7 @@ ...@@ -109,7 +85,7 @@
109 carbs: 23, 85 carbs: 23,
110 protein: 6.0, 86 protein: 6.0,
111 iron: '7%', 87 iron: '7%',
112 - format: 'file' 88 + format: 'file',
113 }, 89 },
114 { 90 {
115 name: 'Cupcake', 91 name: 'Cupcake',
...@@ -118,7 +94,7 @@ ...@@ -118,7 +94,7 @@
118 carbs: 67, 94 carbs: 67,
119 protein: 4.3, 95 protein: 4.3,
120 iron: '8%', 96 iron: '8%',
121 - format : 'dir' 97 + format: 'dir',
122 }, 98 },
123 { 99 {
124 name: 'Gingerbread', 100 name: 'Gingerbread',
...@@ -127,7 +103,7 @@ ...@@ -127,7 +103,7 @@
127 carbs: 49, 103 carbs: 49,
128 protein: 3.9, 104 protein: 3.9,
129 iron: '16%', 105 iron: '16%',
130 - format : 'pdf' 106 + format: 'pdf',
131 }, 107 },
132 { 108 {
133 name: 'Jelly bean', 109 name: 'Jelly bean',
...@@ -136,7 +112,7 @@ ...@@ -136,7 +112,7 @@
136 carbs: 94, 112 carbs: 94,
137 protein: 0.0, 113 protein: 0.0,
138 iron: '0%', 114 iron: '0%',
139 - format:'file' 115 + format: 'file',
140 }, 116 },
141 { 117 {
142 name: 'Lollipop', 118 name: 'Lollipop',
...@@ -145,7 +121,7 @@ ...@@ -145,7 +121,7 @@
145 carbs: 98, 121 carbs: 98,
146 protein: 0, 122 protein: 0,
147 iron: '2%', 123 iron: '2%',
148 - format:'dir' 124 + format: 'dir',
149 }, 125 },
150 { 126 {
151 name: 'Honeycomb', 127 name: 'Honeycomb',
...@@ -154,7 +130,7 @@ ...@@ -154,7 +130,7 @@
154 carbs: 87, 130 carbs: 87,
155 protein: 6.5, 131 protein: 6.5,
156 iron: '45%', 132 iron: '45%',
157 - foramt:'file' 133 + foramt: 'file',
158 }, 134 },
159 { 135 {
160 name: 'Donut', 136 name: 'Donut',
...@@ -163,7 +139,7 @@ ...@@ -163,7 +139,7 @@
163 carbs: 51, 139 carbs: 51,
164 protein: 4.9, 140 protein: 4.9,
165 iron: '22%', 141 iron: '22%',
166 - foramt:'pdf' 142 + foramt: 'pdf',
167 }, 143 },
168 { 144 {
169 name: 'KitKat', 145 name: 'KitKat',
...@@ -172,20 +148,20 @@ ...@@ -172,20 +148,20 @@
172 carbs: 65, 148 carbs: 65,
173 protein: 7, 149 protein: 7,
174 iron: '6%', 150 iron: '6%',
175 - foramt:'dir' 151 + foramt: 'dir',
176 }, 152 },
177 ], 153 ],
178 - favorite:[ 154 + favorite: [
179 { 155 {
180 name: 'KitKat', 156 name: 'KitKat',
181 - date: '20.05.17' 157 + date: '20.05.17',
182 }, 158 },
183 { 159 {
184 name: 'Vuetify', 160 name: 'Vuetify',
185 - date: '20.05.17' 161 + date: '20.05.17',
186 - } 162 + },
187 ], 163 ],
188 - } 164 + };
189 }, 165 },
190 - } 166 +};
191 </script> 167 </script>
......
...@@ -14,17 +14,9 @@ ...@@ -14,17 +14,9 @@
14 </v-toolbar> 14 </v-toolbar>
15 15
16 <v-list two-line subheader> 16 <v-list two-line subheader>
17 - 17 + <v-list-item v-for="item in items" :key="item.title" @click="">
18 -
19 - <v-list-item
20 - v-for="item in items"
21 - :key="item.title"
22 - @click=""
23 - >
24 <v-list-item-avatar> 18 <v-list-item-avatar>
25 - <v-icon 19 + <v-icon>{{ item.iconClass }}</v-icon>
26 -
27 - >{{item.iconClass}}</v-icon>
28 </v-list-item-avatar> 20 </v-list-item-avatar>
29 21
30 <v-list-item-content> 22 <v-list-item-content>
...@@ -39,14 +31,9 @@ ...@@ -39,14 +31,9 @@
39 </v-list-item-action> 31 </v-list-item-action>
40 </v-list-item> 32 </v-list-item>
41 33
42 - 34 + <v-list-item v-for="item in items2" :key="item.title" @click="">
43 - <v-list-item
44 - v-for="item in items2"
45 - :key="item.title"
46 - @click=""
47 - >
48 <v-list-item-avatar> 35 <v-list-item-avatar>
49 - <v-icon> {{item.iconClass}}</v-icon> 36 + <v-icon> {{ item.iconClass }}</v-icon>
50 </v-list-item-avatar> 37 </v-list-item-avatar>
51 38
52 <v-list-item-content> 39 <v-list-item-content>
...@@ -65,17 +52,42 @@ ...@@ -65,17 +52,42 @@
65 </template> 52 </template>
66 53
67 <script> 54 <script>
68 - export default { 55 +export default {
69 data: () => ({ 56 data: () => ({
70 items: [ 57 items: [
71 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Photos', subtitle: 'Jan 9, 2014' }, 58 + {
72 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 59 + icon: 'folder',
73 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Work', subtitle: 'Jan 28, 2014' }, 60 + iconClass: 'mdi-folder',
61 + title: 'Photos',
62 + subtitle: 'Jan 9, 2014',
63 + },
64 + {
65 + icon: 'folder',
66 + iconClass: 'mdi-folder',
67 + title: 'Recipes',
68 + subtitle: 'Jan 17, 2014',
69 + },
70 + {
71 + icon: 'folder',
72 + iconClass: 'mdi-folder',
73 + title: 'Work',
74 + subtitle: 'Jan 28, 2014',
75 + },
74 ], 76 ],
75 items2: [ 77 items2: [
76 - { icon: 'assignment', iconClass: 'mdi-file', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 78 + {
77 - { icon: 'call_to_action', iconClass: 'mdi-PdfBox', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 79 + icon: 'assignment',
80 + iconClass: 'mdi-file',
81 + title: 'Vacation itinerary',
82 + subtitle: 'Jan 20, 2014',
83 + },
84 + {
85 + icon: 'call_to_action',
86 + iconClass: 'mdi-PdfBox',
87 + title: 'Kitchen remodel',
88 + subtitle: 'Jan 10, 2014',
89 + },
78 ], 90 ],
79 }), 91 }),
80 - } 92 +};
81 </script> 93 </script>
......
...@@ -5,14 +5,12 @@ ...@@ -5,14 +5,12 @@
5 </template> 5 </template>
6 6
7 <script> 7 <script>
8 -import SignupForm from '../components/SignupForm' 8 +import SignupForm from '../components/SignupForm';
9 export default { 9 export default {
10 components: { 10 components: {
11 SignupForm, 11 SignupForm,
12 - } 12 + },
13 -} 13 +};
14 </script> 14 </script>
15 15
16 -<style>
17 -
18 -</style>
...\ No newline at end of file ...\ No newline at end of file
16 +<style></style>
......