diff options
author | Devlin Junker <devlin.junker@gmail.com> | 2022-06-30 23:45:46 -0700 |
---|---|---|
committer | Benjamin Brahmer <info@b-brahmer.de> | 2022-10-04 13:45:17 +0200 |
commit | d2482893e2e0970b3dc858bdecc008b955f7d2f9 (patch) | |
tree | e81ee8cbc5233add75449cf1949d6963fd3794b9 /src | |
parent | a71fc67b9c6aaf9a42b10127050d9016dbbcdb4d (diff) |
move all components to typescript 'Vue.extend({ ... ' syntax
Signed-off-by: Devlin Junker <devlin.junker@gmail.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/App.vue | 8 | ||||
-rw-r--r-- | src/components/AddFeed.vue | 22 | ||||
-rw-r--r-- | src/components/Explore.vue | 1 | ||||
-rw-r--r-- | src/components/Sidebar.vue | 16 | ||||
-rw-r--r-- | src/shims-vue.d.ts | 3 |
5 files changed, 33 insertions, 17 deletions
diff --git a/src/App.vue b/src/App.vue index ad80f18d5..5bad6bf2a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,12 +7,14 @@ </Content> </template> -<script> +<script lang="ts"> + +import Vue from 'vue' import Content from '@nextcloud/vue/dist/Components/Content' import AppContent from '@nextcloud/vue/dist/Components/AppContent' import Sidebar from './components/Sidebar.vue' -export default { +export default Vue.extend({ components: { Content, Sidebar, @@ -21,5 +23,5 @@ export default { created() { this.$store.dispatch('loadFolder') }, -} +}) </script> diff --git a/src/components/AddFeed.vue b/src/components/AddFeed.vue index 3688d583c..c0a2783c2 100644 --- a/src/components/AddFeed.vue +++ b/src/components/AddFeed.vue @@ -104,15 +104,25 @@ </Modal> </template> -<script> -/* eslint-disable vue/require-prop-type-constructor */ +<script lang="ts"> +import Vue from 'vue' import Modal from '@nextcloud/vue/dist/Components/Modal' import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch' import Button from '@nextcloud/vue/dist/Components/Button' import Multiselect from '@nextcloud/vue/dist/Components/Multiselect' -export default { +type AddFeedState = { + folder: any; + autoDiscover: boolean; + createNewFolder: boolean; + withBasicAuth: boolean; + + // from props + feed?: any; +}; + +export default Vue.extend({ components: { Modal, CheckboxRadioSwitch, @@ -125,8 +135,7 @@ export default { default: '', }, }, - emits: ['close'], - data() { + data: (): AddFeedState => { return { folder: {}, autoDiscover: true, @@ -156,7 +165,8 @@ export default { }) }, }, -} +}) + </script> <style scoped> diff --git a/src/components/Explore.vue b/src/components/Explore.vue index 96e90fad1..89ae0a3d8 100644 --- a/src/components/Explore.vue +++ b/src/components/Explore.vue @@ -31,6 +31,7 @@ </template> <script lang="ts"> + import Vue from 'vue' import Button from '@nextcloud/vue/dist/Components/Button' import axios from '@nextcloud/axios' diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue index a0722fe0a..62e1ce086 100644 --- a/src/components/Sidebar.vue +++ b/src/components/Sidebar.vue @@ -124,8 +124,9 @@ </AppNavigation> </template> -<script> +<script lang="ts"> +import Vue from 'vue' import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation' import AppNavigationNew from '@nextcloud/vue/dist/Components/AppNavigationNew' import AppNavigationItem from '@nextcloud/vue/dist/Components/AppNavigationItem' @@ -135,7 +136,7 @@ import CounterBubble from '@nextcloud/vue/dist/Components/CounterBubble' import ActionButton from '@nextcloud/vue/dist/Components/ActionButton' import AddFeed from './AddFeed.vue' -export default { +export default Vue.extend({ components: { AppNavigation, AppNavigationNew, @@ -160,14 +161,14 @@ export default { // TODO? }, methods: { - newFolder(value) { + newFolder(value: string) { const folderName = value.trim() const folder = { name: folderName } this.$store.dispatch('addFolder', { folder }) }, - deleteFolder(folder) { + deleteFolder(folder: any) { this.$store.dispatch('deleteFolder', { folder }) - window.location.reload(true) + window.location.reload() }, showShowAddFeed() { this.showAddFeed = true @@ -175,9 +176,10 @@ export default { closeShowAddFeed() { this.showAddFeed = false }, - alert(msg) { + alert(msg: string) { window.alert(msg) }, }, -} +}) + </script> diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts index 037b2a2d1..43c920794 100644 --- a/src/shims-vue.d.ts +++ b/src/shims-vue.d.ts @@ -6,6 +6,7 @@ declare module '*.vue' { export default Vue; }; -declare module '@nextcloud/vue/dist/Components/Button' { +// Necessary for All Nextcloud Vue components +declare module '@nextcloud/vue/dist/Components/*' { };
\ No newline at end of file |