From d2482893e2e0970b3dc858bdecc008b955f7d2f9 Mon Sep 17 00:00:00 2001
From: Devlin Junker <devlin.junker@gmail.com>
Date: Thu, 30 Jun 2022 23:45:46 -0700
Subject: move all components to typescript 'Vue.extend({ ... ' syntax

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>
---
 src/App.vue                |  8 +++++---
 src/components/AddFeed.vue | 22 ++++++++++++++++------
 src/components/Explore.vue |  1 +
 src/components/Sidebar.vue | 16 +++++++++-------
 src/shims-vue.d.ts         |  3 ++-
 5 files changed, 33 insertions(+), 17 deletions(-)

(limited to 'src')

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
-- 
cgit v1.2.3