@goweekdays/layer-common 1.6.4 → 1.6.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @goweekdays/layer-common
 
+## 1.6.7
+
+### Patch Changes
+
+- 808fa70: Fix landing page
+
+## 1.6.6
+
+### Patch Changes
+
+- f1d28fa: Fix login and sign up page button and font size
+
+## 1.6.5
+
+### Patch Changes
+
+- a733401: Add new component
+
 ## 1.6.4
 
 ### Patch Changes

package/components/Input/SnakeCase.vue

@@ -0,0 +1,22 @@
+<template>
+  <v-text-field
+    type="text"
+    :model-value="model"
+    @update:model-value="onInput"
+    v-bind="$attrs"
+  >
+    <template v-for="(_, name) in $slots" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </v-text-field>
+</template>
+
+<script setup lang="ts">
+const model = defineModel<string>({ default: "" });
+
+const { toSnakeUpperCase } = useUtils();
+
+function onInput(val: string) {
+  model.value = toSnakeUpperCase(val);
+}
+</script>

package/composables/useUtils.ts

@@ -502,6 +502,10 @@ export default function useUtils() {
     },
   ];
 
+  function toSnakeUpperCase(value: string) {
+    return value.replace(/\s+/g, "_").toUpperCase();
+  }
+
   function generateYears(
     generation = 0,
     mode = "past",
@@ -559,5 +563,6 @@ export default function useUtils() {
     copyToClipboard,
     months,
     generateYears,
+    toSnakeUpperCase,
   };
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@goweekdays/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.6.4",
+  "version": "1.6.7",
   "main": "./nuxt.config.ts",
   "publishConfig": {
     "access": "public"

package/pages/index.vue

@@ -1,9 +1,12 @@
 <template>
-  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+  <v-row
+    no-gutters
+    class="fill-height pa-4"
+    justify="center"
+    align-content="center"
+  >
     <v-col cols="12" class="text-center">
-      <span class="text-h3 text-sm-h2 text-md-h1 font-weight-bold">{{
-        APP_NAME
-      }}</span>
+      <span class="text-h3 text-sm-h1 font-weight-bold">{{ APP_NAME }}</span>
     </v-col>
 
     <v-col cols="12" class="text-center mt-6" v-if="currentUser">
@@ -45,20 +48,20 @@
 
     <v-col cols="12" class="text-center mt-6" v-else>
       <v-row justify="center">
-        <v-col cols="12" lg="2" md="3" sm="3">
+        <v-col cols="6" lg="2" md="3" sm="4">
           <v-btn
             block
-            class="text-lowercase"
+            class="text-capitalize font-weight-bold text-h6"
             rounded="xl"
             variant="tonal"
-            size="large"
+            size="x-large"
             :to="{ name: 'login' }"
           >
             Login
           </v-btn>
         </v-col>
 
-        <v-col cols="12">
+        <v-col cols="12" class="text-h6 font-weight-medium">
           Don't have an account?
           <nuxt-link :href="`${APP_MAIN}/sign-up`">Sign up</nuxt-link>
         </v-col>

package/pages/login.vue

@@ -15,7 +15,7 @@
           <v-col cols="12">
             <v-row no-gutters justify="center">
               <nuxt-link
-                class="text-h4 text-sm-h2 text-md-h2 text-lg-h2 text-xl-h2 font-weight-bold text-decoration-none"
+                class="text-h3 text-sm-h2 text-md-h2 text-lg-h2 text-xl-h2 font-weight-bold text-decoration-none"
                 style="color: unset"
                 :to="{ name: 'index' }"
               >
@@ -59,7 +59,7 @@
                 variant="tonal"
                 :disabled="!isValid"
                 rounded="xl"
-                size="large"
+                size="x-large"
                 class="text-none"
                 :loading="loading"
               >
@@ -88,7 +88,7 @@
                 variant="flat"
                 color="black"
                 rounded="xl"
-                size="large"
+                size="x-large"
                 class="text-none"
                 :to="{ name: 'sign-up' }"
               >

package/pages/sign-up/index.vue

@@ -1,5 +1,10 @@
 <template>
-  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+  <v-row
+    no-gutters
+    class="fill-height pa-8"
+    justify="center"
+    align-content="center"
+  >
     <v-col cols="12" lg="3" md="4" sm="6">
       <v-form
         v-model="valid"
@@ -10,7 +15,7 @@
           <v-col cols="12">
             <v-row no-gutters justify="center">
               <nuxt-link
-                class="text-h2 font-weight-bold text-decoration-none"
+                class="text-h3 text-sm-h2 font-weight-bold text-decoration-none"
                 style="color: unset"
                 :to="{ name: 'index' }"
               >
@@ -57,7 +62,7 @@
               variant="tonal"
               :disabled="!valid"
               rounded="xl"
-              size="large"
+              size="x-large"
               class="text-none"
               :loading="loading"
             >
@@ -75,7 +80,7 @@
               variant="flat"
               color="black"
               rounded="xl"
-              size="large"
+              size="x-large"
               class="text-none"
               :to="{ name: 'login' }"
             >