migrate App.vue
This commit is contained in:
parent
8cf2fef48d
commit
3f9951ea19
|
@ -6,7 +6,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { ref, reactive } from 'vue';
|
import { ref } from 'vue';
|
||||||
import USER_DATA from './dummy-data.js';
|
import USER_DATA from './dummy-data.js';
|
||||||
|
|
||||||
import UserList from './components/users/UserList.vue';
|
import UserList from './components/users/UserList.vue';
|
||||||
|
@ -18,8 +18,8 @@ export default {
|
||||||
ProjectsList
|
ProjectsList
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
var selectedUser = ref(null);
|
const selectedUser = ref(null);
|
||||||
const activeUsers = reactive(USER_DATA);
|
const activeUsers = USER_DATA;
|
||||||
|
|
||||||
function selectUser(uid) {
|
function selectUser(uid) {
|
||||||
selectedUser = activeUsers.find(usr => usr.id === uid);
|
selectedUser = activeUsers.find(usr => usr.id === uid);
|
||||||
|
@ -27,8 +27,8 @@ export default {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
activeUsers,
|
activeUsers,
|
||||||
selectUser,
|
selectedUser,
|
||||||
selectedUser
|
selectUser
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
Reference in New Issue