♻️ chore(types): update type naming conventions

csc530 · Dec 18, 2023 · f5f7ac1 · f5f7ac1
1 parent 05b62f5
commit f5f7ac1
Show file tree

Hide file tree

Showing 15 changed files with 40 additions and 40 deletions.
diff --git a/src/demos/components/DemoMessage.vue b/src/demos/components/DemoMessage.vue
@@ -37,15 +37,15 @@
 
 			<v-bulma-form-field is-horizontal label="Size">
 				<v-bulma-form-control>
-					<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+					<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 				</v-bulma-form-control>
 			</v-bulma-form-field>
 		</fieldset>
 	</v-bulma-box>
 </template>
 <script lang="ts" setup>
 	import {ref} from "vue";
-	import {BulmaColour, BulmaSize, getBulmaColours, getBulmaSizes} from "../../types";
+	import {BulmaColour, BulmaSize, getBulmaColours, BULMA_SIZES} from "../../types";
 	import VBulmaMessage from "../../vbComponents/components/VBulmaMessage.vue";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/demos/components/DemoPagination.vue b/src/demos/components/DemoPagination.vue
@@ -23,10 +23,10 @@
 				</v-bulma-form-control-group>
 			</v-bulma-form-field>
 			<v-bulma-form-field is-horizontal label="Alignment/Order">
-				<v-bulma-select :options="getBulmaAlignments()" v-model="align" />
+				<v-bulma-select :options="BULMA_ALIGNMENTS" v-model="align" />
 			</v-bulma-form-field>
 			<v-bulma-form-field is-horizontal label="Size">
-				<v-bulma-select :options="getBulmaSizes()" v-model="size" />
+				<v-bulma-select :options="BULMA_SIZES" v-model="size" />
 
 			</v-bulma-form-field>
 			<v-bulma-form-field is-horizontal label="Rounded">
@@ -41,7 +41,7 @@
 <script lang="ts" setup>
 
 	import {ref} from "vue";
-	import {BulmaAlignment, BulmaLink, BulmaSize, getBulmaAlignments, getBulmaSizes} from "../../types";
+	import {BulmaAlignment, BulmaLink, BulmaSize, BULMA_ALIGNMENTS, BULMA_SIZES} from "../../types";
 	import VBulmaPagination from "../../vbComponents/components/VBulmaPagination.vue";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/demos/elements/DemoButton.vue b/src/demos/elements/DemoButton.vue
@@ -1,8 +1,8 @@
 <template>
 	<v-bulma-box style="background-image: linear-gradient(120deg, #00D1B2 0%, #41B883 100%);">
-		<v-bulma-button :is-responsive="respons" :colour="colour" :is-full-width="fullwidth" :is-inverted="inverted"
-		              :is-light="light" :is-loading="loading" :is-outlined="outlined" :is-rounded="rounded"
-		              :is-static="isStatic" :label="text" :size="size" :state="state" />
+		<v-bulma-button :is-responsive="response" :colour="colour" :is-full-width="fullwidth" :is-inverted="inverted"
+		                :is-light="light" :is-loading="loading" :is-outlined="outlined" :is-rounded="rounded"
+		                :is-static="isStatic" :label="text" :size="size" :state="state" />
 	</v-bulma-box>
 
 	<v-bulma-box>
@@ -18,7 +18,7 @@
 
 			<v-bulma-form-field is-horizontal label="Size">
 				<v-bulma-form-control>
-					<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+					<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 				</v-bulma-form-control>
 			</v-bulma-form-field>
 
@@ -76,7 +76,7 @@
 
 			<v-bulma-form-field is-horizontal label="Responsive">
 				<v-bulma-form-control>
-					<input v-model="respons" type="checkbox" />
+					<input v-model="response" type="checkbox" />
 				</v-bulma-form-control>
 			</v-bulma-form-field>
 		</fieldset>
@@ -87,7 +87,7 @@
 <script lang="ts" setup>
 
 	import {ref} from "vue";
-	import {BulmaColour, BulmaSize, BulmaState, getBulmaSizes, getBulmaStates} from "../../types";
+	import {BulmaColour, BulmaSize, BulmaState, BULMA_SIZES, getBulmaStates} from "../../types";
 	import {getBulmaButtonColours} from "../../types/ButtonTypes";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaButton from "../../vbComponents/elements/VBulmaButton.vue";
@@ -108,6 +108,6 @@
 	const isStatic = ref<boolean>(false);
 	const fullwidth = ref<boolean>(false);
 	const state = ref<BulmaState>("default");
-	const respons = ref<boolean>(false);
+	const response = ref<boolean>(false);
 </script>
 
diff --git a/src/demos/elements/DemoDelete.vue b/src/demos/elements/DemoDelete.vue
@@ -8,7 +8,7 @@
 		<fieldset class="is-flex-mobile is-justify-content-center is-justify-content-space-between is-flex-wrap-wrap-reverse"
 				name="props">
 			<v-bulma-form-field is-horizontal label="size">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 		</fieldset>
 	</v-bulma-box>
@@ -18,7 +18,7 @@
 <script lang="ts" setup>
 
 	import {ref} from "vue";
-	import {BulmaSize, getBulmaSizes} from "../../types";
+	import {BulmaSize, BULMA_SIZES} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaDelete from "../../vbComponents/elements/VBulmaDelete.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/demos/elements/DemoIcon.vue b/src/demos/elements/DemoIcon.vue
@@ -20,7 +20,7 @@
 
 
 	<v-bulma-form-field is-horizontal label="Container Size">
-		<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+		<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 	</v-bulma-form-field>
 
 	<v-bulma-form-field help="" is-horizontal label="Flex">
@@ -37,7 +37,7 @@
 		BulmaSize,
 		BulmaStateColour,
 		getBulmaShades,
-		getBulmaSizes,
+		BULMA_SIZES,
 		getBulmaStateColours
 	} from "../../types";
 	import {BulmaColouredIcon} from "../../types/IconTypes";

diff --git a/src/demos/elements/DemoNotification.vue b/src/demos/elements/DemoNotification.vue
@@ -4,7 +4,7 @@
 			<template v-if="del" #delete>
 				<v-bulma-delete />
 			</template>
-			Hey just letting you know <em>this a notification</em> courtesy of <a href="http://bulma.io">Bulma</a>
+			Hey just letting you know <em>this a notification</em> courtesy of <a href="https://bulma.io">Bulma</a>
 			brought to
 			you by me Chris 😃
 		</v-bulma-notification>

diff --git a/src/demos/elements/DemoProgress.vue b/src/demos/elements/DemoProgress.vue
@@ -13,7 +13,7 @@
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Colour">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Value">
@@ -33,7 +33,7 @@
 <script lang="ts" setup>
 
 	import {ref} from "vue";
-	import {BulmaColour, BulmaSize, getBulmaColours, getBulmaSizes} from "../../types";
+	import {BulmaColour, BulmaSize, getBulmaColours, BULMA_SIZES} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";
 	import VBulmaProgressbar from "../../vbComponents/elements/VBulmaProgressbar.vue";

diff --git a/src/demos/form/DemoControlGroup.vue b/src/demos/form/DemoControlGroup.vue
@@ -83,8 +83,8 @@
 			<VBulmaFormField is-horizontal label="Alignment">
 				<VBulmaFormControlGroup has-addons>
 					<v-bulma-form-control is-expanded>
-						<v-bulma-input :max="getBulmaAlignments().length" :model-value="alignment" min="1" type="range"
-						             @update:model-value="(newVal)=> alignment = getBulmaAlignments()[newVal-1]" />
+						<v-bulma-input :max="BULMA_ALIGNMENTS.length" :model-value="alignment" min="1" type="range"
+						               @update:model-value="(newVal)=> alignment = BULMA_ALIGNMENTS[newVal-1]" />
 					</v-bulma-form-control>
 					<v-bulma-form-control>
 						<VBulmaButton is-static>{{ alignment }}</VBulmaButton>
@@ -101,7 +101,7 @@
 
 <script setup lang="ts">
 	import {ref} from "vue";
-	import {BulmaAlignment, getBulmaAlignments} from "../../types";
+	import {BulmaAlignment, BULMA_ALIGNMENTS} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaButton from "../../vbComponents/elements/VBulmaButton.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/demos/form/DemoField.vue b/src/demos/form/DemoField.vue
@@ -97,7 +97,7 @@
 
 
 			<v-bulma-form-field is-horizontal label="Label Size">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 			<v-bulma-form-field is-horizontal label="Horizontal">
 				<input v-model="horz" type="checkbox" />
@@ -109,7 +109,7 @@
 
 <script lang="ts" setup>
 	import {ref} from "vue";
-	import {BulmaSize, getBulmaSizes} from "../../types";
+	import {BulmaSize, BULMA_SIZES} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaButton from "../../vbComponents/elements/VBulmaButton.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/demos/form/DemoFileInput.vue b/src/demos/form/DemoFileInput.vue
@@ -12,15 +12,15 @@
 				class="is-flex-mobile is-justify-content-center is-justify-content-space-between is-flex-wrap-wrap-reverse"
 				name="props">
 			<v-bulma-form-field is-horizontal label="Size">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Colour">
 				<v-bulma-select v-model="colour" :options="getBulmaColours()" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Alignment">
-				<v-bulma-select v-model="align" :options="getBulmaAlignments()" />
+				<v-bulma-select v-model="align" :options="BULMA_ALIGNMENTS" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Label">
@@ -66,9 +66,9 @@
 		BulmaAlignment,
 		BulmaColour,
 		BulmaSize,
-		getBulmaAlignments,
+		BULMA_ALIGNMENTS,
 		getBulmaColours,
-		getBulmaSizes
+		BULMA_SIZES
 	} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaButton from "../../vbComponents/elements/VBulmaButton.vue";

diff --git a/src/demos/form/DemoInput.vue b/src/demos/form/DemoInput.vue
@@ -36,7 +36,7 @@
 	</v-bulma-form-field>
 
 	<v-bulma-form-field is-horizontal label="Size">
-		<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+		<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 	</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Static">
@@ -52,7 +52,7 @@
 
 <script lang="ts" setup>
 	import {ref} from "vue";
-	import {BulmaColour, BulmaSize, BulmaState, getBulmaColours, getBulmaSizes, getBulmaStates} from "../../types";
+	import {BulmaColour, BulmaSize, BulmaState, getBulmaColours, BULMA_SIZES, getBulmaStates} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";
 	import VBulmaInput from "../../vbComponents/form/VBulmaInput.vue";

diff --git a/src/demos/form/DemoSelect.vue b/src/demos/form/DemoSelect.vue
@@ -12,7 +12,7 @@
 				class="is-flex-mobile is-justify-content-center is-justify-content-space-between is-flex-wrap-wrap-reverse"
 				name="props">
 			<v-bulma-form-field is-horizontal label="Size">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="State">
@@ -62,7 +62,7 @@
 		BulmaSize,
 		getBulmaColours,
 		getBulmaInputStates,
-		getBulmaSizes
+		BULMA_SIZES
 	} from "../../types";
 	import {BulmaOptionGroup} from "../../types/SelectTypes";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";

diff --git a/src/demos/form/DemoTextArea.vue b/src/demos/form/DemoTextArea.vue
@@ -13,7 +13,7 @@
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Size">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="State">
@@ -30,7 +30,7 @@
 
 <script lang="ts" setup>
 	import {ref} from "vue";
-	import {BulmaColour, BulmaSize, BulmaState, getBulmaColours, getBulmaSizes, getBulmaStates} from "../../types";
+	import {BulmaColour, BulmaSize, BulmaState, getBulmaColours, BULMA_SIZES, getBulmaStates} from "../../types";
 
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/demos/layouts/DemoButtonGroup.vue b/src/demos/layouts/DemoButtonGroup.vue
@@ -16,11 +16,11 @@
 				class="is-flex-mobile is-justify-content-center is-justify-content-space-between is-flex-wrap-wrap-reverse"
 				name="props">
 			<v-bulma-form-field is-horizontal label="Alignment">
-				<v-bulma-select v-model="align" :options="getBulmaAlignments()" />
+				<v-bulma-select v-model="align" :options="BULMA_ALIGNMENTS" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Size">
-				<v-bulma-select v-model="size" :options="getBulmaSizes()" />
+				<v-bulma-select v-model="size" :options="BULMA_SIZES" />
 			</v-bulma-form-field>
 
 			<v-bulma-form-field is-horizontal label="Tag">
@@ -37,7 +37,7 @@
 
 <script lang="ts" setup>
 	import {ref} from "vue";
-	import {BulmaAlignment, BulmaSize, getBulmaAlignments, getBulmaSizes} from "../../types";
+	import {BulmaAlignment, BulmaSize, BULMA_ALIGNMENTS, BULMA_SIZES} from "../../types";
 	import VBulmaBox from "../../vbComponents/elements/VBulmaBox.vue";
 	import VBulmaButton from "../../vbComponents/elements/VBulmaButton.vue";
 	import VBulmaHeading from "../../vbComponents/elements/VBulmaHeading.vue";

diff --git a/src/types/HeroTypes.ts b/src/types/HeroTypes.ts
@@ -1,8 +1,8 @@
-import {BulmaSize, getBulmaSizes} from "../types";
+import {BulmaSize, BULMA_SIZES} from "../types";
 
-// todo: see if I can just change the case/actions in props tranfomrer method to simplify last type
+// todo: see if I can just change the case/actions in props transformer method to simplify last type
 export type BulmaHeroSize = BulmaSize | 'halfheight' | 'fullheight' | 'fullheight-with-navbar'
 
 export function getBulmaHeroSizes(): BulmaHeroSize[] {
-    return [...getBulmaSizes(), 'halfheight', 'fullheight', 'fullheight-with-navbar']
+    return [...BULMA_SIZES, 'halfheight', 'fullheight', 'fullheight-with-navbar']
 }