nuxt-glorious 2.0.0-develop-32 → 2.0.0-develop-34

package/dist/runtime/components/Input.vue

@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import type { colorType, sizeType } from '~/src/types/props'
+
+interface inputPropInterface {
+  color?: colorType
+  size?: sizeType
+  disabled?: boolean
+  title?: string
+  placeholder?: string
+  error?: string
+  type?: string
+  icon?: string
+  iconColor?: string
+  iconPos?: 'right' | 'left'
+}
+
+const props: any = withDefaults(defineProps<inputPropInterface>(), {
+  color: 'primary',
+  size: 'md',
+  disabled: false,
+  title: '',
+  placeholder: '',
+  error: '|',
+  type: 'text',
+  icon: '',
+  iconPos: 'right',
+  iconColor: '#000',
+})
+
+const emits = defineEmits(['iconClicked'])
+const hasIcon = () => typeof props.icon !== 'undefined'
+const iconClicked = () => emits('iconClicked')
+</script>
+
+<template>
+  <div class="glorious-input">
+    <span
+      v-if="props.title"
+      class="title"
+    >
+      {{ props.title }}
+    </span>
+    <div class="input-content">
+      <GIcon
+        v-if="hasIcon"
+        class="icon"
+        :class="[`icon-${props.iconPos}`]"
+        :size="props.size"
+        :color="props.iconColor"
+        :name="props.icon"
+        @click="iconClicked()"
+      />
+      <input
+        :class="[
+          `color-${props.color}`,
+          `size-${props.size}`,
+          props.error !== '|' ? 'error' : '',
+        ]"
+        :disabled="props.disabled"
+        :placeholder="props.placeholder"
+        :type="props.type"
+      />
+    </div>
+    <GErrorText
+      v-if="props.error !== '|'"
+      :error="props.error"
+    />
+  </div>
+</template>

package/dist/runtime/components/InputPassword.vue

@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+import type { colorType, sizeType } from '~/src/types/props'
+
+interface inputPropInterface {
+  color?: colorType
+  size?: sizeType
+  disabled?: boolean
+  title?: string
+  placeholder?: string
+  error?: string
+  type?: string
+  iconColor?: string
+}
+
+const props: any = withDefaults(defineProps<inputPropInterface>(), {
+  color: 'primary',
+  size: 'md',
+  disabled: false,
+  title: '',
+  placeholder: '',
+  error: '|',
+  type: 'password',
+  iconColor: '#000',
+})
+
+const isPassword = ref(true)
+</script>
+
+<template>
+  <GInput
+    :icon="isPassword ? 'glorious-eye-fill' : 'glorious-eye-off-fill'"
+    :type="isPassword ? 'text' : 'password'"
+    @icon-clicked="isPassword = !isPassword"
+    :color="props.color"
+    :size="props.size"
+    :disabled="props.disabled"
+    :title="props.title"
+    :placeholder="props.placeholder"
+    :error="props.error"
+    :icon-color="props.iconColor"
+  />
+</template>

package/dist/runtime/components/Loading.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import type { colorType, sizeType } from '~/src/types/props'
+
+interface loadingPropInterface {
+  color?: colorType
+  size?: sizeType
+}
+
+const props: any = withDefaults(defineProps<loadingPropInterface>(), {
+  color: 'primary',
+  size: 'md',
+})
+</script>
+
+<template>
+  <div class="inline">
+    <div
+      class="glorious-loading"
+      :class="[`color-${props.color}`, `size-${props.size}`]"
+    />
+  </div>
+</template>

package/dist/runtime/components/props/Icon.d.ts

@@ -3,25 +3,5 @@ declare const _default: {
         required: boolean;
         default: string;
     };
-    stroke: {
-        required: boolean;
-        type: (NumberConstructor | null)[];
-        default: number | null;
-    };
-    size: {
-        required: boolean;
-        type: NumberConstructor;
-        default: number;
-    };
-    color: {
-        required: boolean;
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        required: boolean;
-        type: StringConstructor;
-        default: string;
-    };
 };
 export default _default;

package/dist/runtime/components/props/Icon.mjs

@@ -1,8 +1,4 @@
-import { name, hashColor, intSize, stroke, hoverColor } from "./common/index.mjs";
+import { hoverColor } from "./common/index.mjs";
 export default {
-  ...name,
-  ...hashColor,
-  ...intSize(),
-  ...stroke(),
   ...hoverColor()
 };

package/dist/runtime/composables/helper/useGloriousFetch/gloriousFetchOptionsInterface.d.ts

@@ -1,15 +1,15 @@
-export interface gloriousFetchOptions {
-  validationRequest?: any
-  gKey?: String
-  params?: Object
-  server?: Boolean
-  is$?: Boolean
-  lazy?: Boolean
-  headers?: Object
-  body?: Object
-  keepResponse?: Boolean
-  bodyType?: 'formData' | 'formDataCustom' | 'normal'
-  method?: 'POST' | 'GET' | 'PATCH' | 'PUT' | 'DELETE' | 'HEAD'
-  credentials?: 'same-origin' | 'include'
-  watch?: Array<Object>
-}
+export interface gloriousFetchOptions {
+  validationRequest?: any
+  gKey?: String
+  params?: Object
+  server?: Boolean
+  is$?: Boolean
+  lazy?: Boolean
+  headers?: Object
+  body?: Object
+  keepResponse?: Boolean
+  bodyType?: 'formData' | 'formDataCustom' | 'normal'
+  method?: 'POST' | 'GET' | 'PATCH' | 'PUT' | 'DELETE' | 'HEAD'
+  credentials?: 'same-origin' | 'include'
+  watch?: Array<Object>
+}

package/dist/runtime/middlewares/AuthStrategy.mjs

@@ -1,3 +1,11 @@
-import { defineNuxtRouteMiddleware } from "#imports";
+import { defineNuxtRouteMiddleware, useCookie, useNuxtApp } from "#imports";
+import { GloriousStore } from "../stores/GloriousStore.mjs";
 export default defineNuxtRouteMiddleware(() => {
+  const nuxtApp = useNuxtApp();
+  const moduleConfig = nuxtApp.$config.public.glorious;
+  const gs = GloriousStore();
+  if (moduleConfig.auth.strategy.provider === "") return;
+  const cookieToken = useCookie(moduleConfig.auth.cookie.name);
+  if (typeof cookieToken.value === "undefined") return;
+  nuxtApp.hook("app:beforeMount", () => gs.authGetUser(cookieToken.value));
 });