puniko/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor(client): refactor my-antennas/index to use Composition API (#8679)

Browse source
This commit is contained in:
Andy 2022-05-17 18:30:35 +02:00 committed by GitHub
parent 95eea58d7c
commit 7d08b936c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
packages/client/src/pages/my-antennas/index.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<MkSpacer :content-max="700"> <MkSpacer :content-max="700">
<div class="ieepwinx"> <div class="ieepwinx">
<MkButton :link="true" to="/my/antennas/create" primary class="add"><i class="fas fa-plus"></i> {{ $ts.add }}</MkButton> <MkButton :link="true" to="/my/antennas/create" primary class="add"><i class="fas fa-plus"></i> {{ i18n.ts.add }}</MkButton>
<div class=""> <div class="">
<MkPagination v-slot="{items}" ref="list" :pagination="pagination"> <MkPagination v-slot="{items}" ref="list" :pagination="pagination">
@ -14,36 +14,25 @@
</MkSpacer> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts" setup>
import { defineComponent } from 'vue'; import { } from 'vue';
import MkPagination from '@/components/ui/pagination.vue'; import MkPagination from '@/components/ui/pagination.vue';
import MkButton from '@/components/ui/button.vue'; import MkButton from '@/components/ui/button.vue';
import * as symbols from '@/symbols'; import * as symbols from '@/symbols';
import { i18n } from '@/i18n';
export default defineComponent({ const pagination = {
components: { endpoint: 'antennas/list' as const,
MkPagination, limit: 10,
MkButton, };
},
data() { defineExpose({
return { [symbols.PAGE_INFO]: {
[symbols.PAGE_INFO]: { title: i18n.ts.manageAntennas,
title: this.$ts.manageAntennas, icon: 'fas fa-satellite',
icon: 'fas fa-satellite', bg: 'var(--bg)'
bg: 'var(--bg)', }
action: { })
icon: 'fas fa-plus',
handler: this.create
}
},
pagination: {
endpoint: 'antennas/list' as const,
limit: 10,
},
};
},
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>