feat: auto import

mrjackwills · Jun 7, 2023 · 41495b5 · 41495b5
1 parent d1d2beb
commit 41495b5
Show file tree

Hide file tree

Showing 26 changed files with 1,063 additions and 934 deletions.
diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
@@ -74,6 +74,7 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true
+    "watchSyncEffect": true,
+    "toValue": true
   }
-}
+}
diff --git a/components.d.ts b/components.d.ts
@@ -14,6 +14,7 @@ declare module 'vue' {
     AdminDeviceRow: typeof import('./src/components/Admin/AdminDeviceRow.vue')['default']
     AdminEmails: typeof import('./src/components/Admin/AdminEmails.vue')['default']
     AdminInvite: typeof import('./src/components/Admin/AdminInvite.vue')['default']
+    AdminInvites: typeof import('./src/components/Admin/AdminInvites.vue')['default']
     AdminLimits: typeof import('./src/components/Admin/AdminLimits.vue')['default']
     AdminMemory: typeof import('./src/components/Admin/AdminMemory.vue')['default']
     AdminUserRow: typeof import('./src/components/Admin/AdminUserRow.vue')['default']

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,34 +17,34 @@
     "@vueuse/head": "^1.1.26",
     "axios": "^1.4.0",
     "hibp": "^13.0.0",
-    "pinia": "^2.0.36",
+    "pinia": "^2.1.3",
     "pinia-plugin-persistedstate": "^3.1.0",
     "prismjs": "^1.29.0",
     "qrcode.vue": "^3.4.0",
     "secure-json-parse": "^2.7.0",
-    "vue": "^3.3.1",
-    "vue-router": "^4.2.0",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.2",
     "vuetify": "^3.2.4"
   },
   "devDependencies": {
     "@mdi/js": "^7.2.96",
-    "@types/node": "^20.1.3",
+    "@types/node": "^20.2.5",
     "@types/prismjs": "^1.26.0",
     "@types/secure-json-parse": "^1.0.3",
-    "@vitejs/plugin-vue": "^4.2.2",
+    "@vitejs/plugin-vue": "^4.2.3",
     "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/tsconfig": "^0.3.2",
-    "eslint": "^8.40.0",
-    "eslint-plugin-vue": "^9.12.0",
+    "@vue/tsconfig": "^0.4.0",
+    "eslint": "^8.42.0",
+    "eslint-plugin-vue": "^9.14.1",
     "sass": "^1.62.1",
-    "typescript": "^5.0.4",
-    "unplugin-auto-import": "^0.15.3",
+    "typescript": "^5.1.3",
+    "unplugin-auto-import": "^0.16.4",
     "unplugin-vue-components": "^0.25.1",
-    "vite": "^4.3.5",
+    "vite": "^4.3.9",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-pwa": "^0.14.7",
+    "vite-plugin-pwa": "^0.16.3",
     "vite-plugin-vuetify": "^1.0.2",
-    "vue-tsc": "^1.6.4"
+    "vue-tsc": "^1.6.5"
   },
   "buildDate": "Thu 11 2023 May 13:42:30 EDT",
   "homepage": "https://github.com/mrjackwills/staticpi_vue"

diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
@@ -57,6 +57,7 @@ declare global {
   const toRaw: typeof import('vue')['toRaw']
   const toRef: typeof import('vue')['toRef']
   const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
   const triggerRef: typeof import('vue')['triggerRef']
   const twoFAModule: typeof import('./store/twoFA')['twoFAModule']
   const unref: typeof import('vue')['unref']

diff --git a/src/components/Admin/AdminInvite.vue → src/components/Admin/AdminInvites.vue b/src/components/Admin/AdminInvite.vue → src/components/Admin/AdminInvites.vue
diff --git a/src/components/Buttons/ActionButton.vue b/src/components/Buttons/ActionButton.vue
@@ -109,17 +109,17 @@ onMounted(() => {
 });
 
 const props = withDefaults(defineProps<{
-	block: boolean,
-	color: string,
-	disabled: boolean,
+	block?: boolean,
+	color?: string,
+	disabled?: boolean,
 	icon?: string,
-	iconFirst: boolean,
-	monospace: boolean,
-	mouseOverEvents: boolean,
-	overrideDisabled: boolean,
+	iconFirst?: boolean,
+	monospace?: boolean,
+	mouseOverEvents?: boolean,
+	overrideDisabled?: boolean,
 	routerLink?: string
-	small: boolean,
-	text: string
+	small?: boolean,
+	text?: string
 }>(), {
 	block: false,
 	color: 'primary',

diff --git a/src/components/Buttons/BackButton.vue b/src/components/Buttons/BackButton.vue
@@ -22,5 +22,5 @@ const goBack = (): void => {
 	else router.push(FrontEndRoutes.BASE);
 };
 
-withDefaults(defineProps<{disabled: boolean}>(), { disabled: false });
+withDefaults(defineProps<{disabled?: boolean}>(), { disabled: false });
 </script>
diff --git a/src/components/Buttons/CopyButton.vue b/src/components/Buttons/CopyButton.vue
@@ -94,11 +94,11 @@ const onIntersect = (is_i: boolean, _entries: Array<IntersectionObserverEntry>,
 };
 
 const props = withDefaults(defineProps<{
-	color: string,
-	dark: boolean,
-	density: VBtn['$props']['density'],
-	disabled: boolean,
-	hoverMessage: string,
+	color?: string,
+	dark?: boolean,
+	density?: VBtn['$props']['density'],
+	disabled?: boolean,
+	hoverMessage?: string,
 	small?:boolean
 	toCopy: string,
 	tooltipMessage: string,

diff --git a/src/components/Buttons/DocumentationLink.vue b/src/components/Buttons/DocumentationLink.vue
@@ -33,8 +33,8 @@ const iconSize = computed((): string => {
 
 const props = withDefaults(defineProps<{
 	section: string,
-	small: boolean,
-	xsmall: boolean,
+	small?: boolean,
+	xsmall?: boolean,
 }>(), {
 	small: true,
 	xsmall: false,

diff --git a/src/components/Buttons/FabTooltip.vue b/src/components/Buttons/FabTooltip.vue
@@ -41,9 +41,9 @@ const iconSize = computed(() => {
 
 const props = withDefaults(defineProps<{
 	color: string,
-	disabled: boolean,
+	disabled?: boolean,
 	icon: string,
-	medium: boolean,
+	medium?: boolean,
 	tooltip_text: string
 }>(), {
 	disabled: false,

diff --git a/src/components/Buttons/ProUserChip.vue b/src/components/Buttons/ProUserChip.vue
@@ -26,5 +26,5 @@ const size = computed(() => {
 	}
 });
 
-withDefaults(defineProps<{order: string}>(), { order: '1' });
+withDefaults(defineProps<{order?: string}>(), { order: '1' });
 </script>
diff --git a/src/components/Card/AppCard.vue b/src/components/Card/AppCard.vue
@@ -55,21 +55,21 @@ const border = computed((): string => {
 });
 
 const props = withDefaults(defineProps<{
-	disabled: boolean,
-	flat: boolean,
-	hasButton: boolean,
-	heading: string,
+	disabled?: boolean,
+	flat?: boolean,
+	hasButton?: boolean,
+	heading?: string,
 	heading_justify?: VRow['$props']['justify'],
 	heading_class?: string,
 	heading_size?: string,
-	lg: string,
-	loading: boolean,
-	my: string,
-	outlined: boolean,
-	pad: boolean,
-	sm: string,
-	tile: boolean,
-	xl: string
+	lg?: string,
+	loading?: boolean,
+	my?: string,
+	outlined?: boolean,
+	pad?: boolean,
+	sm?: string,
+	tile?: boolean,
+	xl?: string
 }>(), {
 	disabled: false,
 	flat: false,

diff --git a/src/components/Card/CardHeading.vue b/src/components/Card/CardHeading.vue
@@ -18,10 +18,10 @@ const headingSize = computed((): string => {
 });
 
 const props = withDefaults(defineProps<{
-	divider: boolean,
+	divider?: boolean,
 	heading: string,
-	justify: VRow['$props']['justify'],
-	margin: string
+	justify?: VRow['$props']['justify'],
+	margin?: string
 	size?: string,
 }>(), {
 	divider: false,

diff --git a/src/components/Card/DocumentationCard.vue b/src/components/Card/DocumentationCard.vue
@@ -13,7 +13,7 @@
 							<ProUserChip :class='proMargin' class='ma-1 ml-3' v-if='pro' />
 						</v-col>
 						<v-col cols='auto' class='ma-0 pa-0' order='1'>
-							<Subheading :heading='heading' justify='start' :id='createId' />
+							<SubHeading :heading='heading' justify='start' :id='createId' />
 						</v-col>
 					</v-row>
 					<v-divider class='mb-1' />
@@ -44,7 +44,7 @@ const smallText = computed((): string => {
 
 const props = withDefaults(defineProps<{
 	heading: string,
-	pro: boolean
+	pro?: boolean
 }>(), {
 	pro: false,
 });

diff --git a/src/components/Card/SubHeading.vue b/src/components/Card/SubHeading.vue
@@ -20,10 +20,10 @@ const headingColor = computed((): string => {
 });
 
 const props = withDefaults(defineProps<{
-	color: string,
+	color?: string,
 	heading: string,
 	heading_size?: string,
-	justify: VRow['$props']['justify']
+	justify?: VRow['$props']['justify']
 }>(), {
 	color: 'pi',
 	justify: 'center',

diff --git a/src/components/CodeBlock.vue b/src/components/CodeBlock.vue
@@ -65,7 +65,7 @@ const highlighted_code = computed((): string => {
 
 const codeIcons= [ '#ff5f56', '#ffbd2e', '#27c93f' ];
 
-const props = withDefaults(defineProps<{code: string, filename: string, titleBar: boolean}>(), {
+const props = withDefaults(defineProps<{code: string, filename?: string, titleBar?: boolean}>(), {
 	filename: '',
 	titleBar: true,
 });

diff --git a/src/components/Devices/AllDeviceTable/ExtraInformation/ExtraBandwidth.vue b/src/components/Devices/AllDeviceTable/ExtraInformation/ExtraBandwidth.vue
@@ -123,7 +123,7 @@ const toggleHidden = (): void => {
 	emit('hidden', hidden.value);
 };
 
-withDefaults(defineProps<{device: TDeviceInfo, show_calc: boolean}>(), {
+withDefaults(defineProps<{device: TDeviceInfo, show_calc?: boolean}>(), {
 	show_calc: true,
 });
 

diff --git a/src/components/Devices/AllDeviceTable/ExtraInformation/ExtraBandwidthCell.vue b/src/components/Devices/AllDeviceTable/ExtraInformation/ExtraBandwidthCell.vue
@@ -36,7 +36,7 @@ const showBorder = computed(() : string => {
 });
 
 const props = withDefaults(defineProps<{
-	borderRight: boolean,
+	borderRight?: boolean,
 	total: string,
 	unit: string,
 	variety: string

diff --git a/src/components/Devices/NumberOfDevices.vue b/src/components/Devices/NumberOfDevices.vue
@@ -72,7 +72,7 @@ const converted_total = computed((): TConvertBytes => {
 	return convert_bytes(totalBandwidth.value);
 });
 
-const props = withDefaults(defineProps<{rowCols: string}>(), {
+const props = withDefaults(defineProps<{rowCols?: string}>(), {
 	rowCols: '12',
 });
 

diff --git a/src/components/Settings/SettingSection.vue b/src/components/Settings/SettingSection.vue
@@ -62,5 +62,5 @@ const title = computed((): string => {
 	return smAndDown.value ? 'text-h7' : 'text-h6';
 });
 
-withDefaults(defineProps<{disabled: boolean, proOnly: boolean}>(), { disabled: false, proOnly: false });
+withDefaults(defineProps<{disabled?: boolean, proOnly?: boolean}>(), { disabled: false, proOnly: false });
 </script>
diff --git a/src/components/StaticPi.vue b/src/components/StaticPi.vue
@@ -4,7 +4,7 @@
 
 <script setup lang="ts">
 
-withDefaults(defineProps<{color: string}>(), {
+withDefaults(defineProps<{color?: string}>(), {
 	color: 'pi'
 });
 

diff --git a/src/components/ThePage.vue b/src/components/ThePage.vue
@@ -41,12 +41,12 @@ const loading = computed((): boolean => {
 });
 
 withDefaults(defineProps<{
-	fillHeight: boolean,
-	heading: string,
-	headingJustify: VRow['$props']['justify'],
-	justify: VRow['$props']['justify'],
-	margin: string,
-	pageReady: boolean
+	fillHeight?: boolean,
+	heading?: string,
+	headingJustify?: VRow['$props']['justify'],
+	justify?: VRow['$props']['justify'],
+	margin?: string,
+	pageReady?: boolean
 }>(), {
 	fillHeight: false,
 	heading: '',

diff --git a/src/views/Admin/AdminView.vue b/src/views/Admin/AdminView.vue
@@ -13,7 +13,7 @@
 					</v-row>
 
 					<v-row align='center' justify='center' >
-						<AdminInvites  :inviteCodes='inviteCodes' @update='update'/>
+						<AdminInvites :inviteCodes='inviteCodes' @update='update'/>
 					</v-row>
 
 					<v-row align='center' justify='center' >

diff --git a/src/views/DocumentationView.vue b/src/views/DocumentationView.vue
@@ -76,7 +76,7 @@
 				:componentKey='componentKey'
 				:password='password'
 			/>
-
+			
 			<DocConnectWithPassword
 				:address_token='address_token'
 				:address_wss_client='address_wss_client'

diff --git a/src/views/NetworkStatusView.vue b/src/views/NetworkStatusView.vue
@@ -31,7 +31,7 @@
 											<v-icon color='pi' :icon='item.icon' />
 										</v-col>
 										<v-col class='ma-0 pa-0'>
-											<AppSubheading
+											<SubHeading
 												:heading='item.heading'
 												justify='start'
 												class='unselectable'