fix: component

public/js/resources_js_pages_Auth_Login_vue.js

@@ -134,6 +134,22 @@ __webpack_require__.r(__webpack_exports__);
       type: String,
       required: true
     },
+    promptLabel: {
+      type: String,
+      "default": 'Masukan kata sandi'
+    },
+    weakLabel: {
+      type: String,
+      "default": 'Ah Lemah'
+    },
+    mediumLabel: {
+      type: String,
+      "default": 'Lumayan'
+    },
+    strongLabel: {
+      type: String,
+      "default": 'Wow Kuat'
+    },
     error: {
       type: String,
       "default": null
@@ -408,10 +424,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   , _hoisted_2), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Password, {
     "class": "w-full",
     "input-class": "w-full",
-    promptLabel: "Masukan kata sandi",
-    weakLabel: "Ah Lemah",
-    mediumLabel: "Lumayan",
-    strongLabel: "Wow Kuat",
+    promptLabel: $props.promptLabel,
+    weakLabel: $props.weakLabel,
+    mediumLabel: $props.mediumLabel,
+    strongLabel: $props.strongLabel,
     disabled: $props.disabled,
     id: $setup.forLabel,
     placeholder: $props.placeholder,
@@ -424,7 +440,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 8
   /* PROPS */
-  , ["disabled", "id", "placeholder", "aria-describedby", "value", "model-value"]), $props.error ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("small", {
+  , ["promptLabel", "weakLabel", "mediumLabel", "strongLabel", "disabled", "id", "placeholder", "aria-describedby", "value", "model-value"]), $props.error ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("small", {
     key: 0,
     id: $setup.ariaDescribedbyLabel,
     "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)({

public/js/resources_js_pages_Users_Index_vue.js

@@ -1029,7 +1029,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         header: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
           return [_hoisted_1, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_InputText, {
             "class": "w-full md:w-27rem",
-            placeholder: "cari, contoh: tina, tina@xx.com",
+            placeholder: "cari, contoh: tina",
             modelValue: $setup.search,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.search = $event;

public/js/resources_js_pages_Users_Show_vue.js

@@ -134,6 +134,22 @@ __webpack_require__.r(__webpack_exports__);
       type: String,
       required: true
     },
+    promptLabel: {
+      type: String,
+      "default": 'Masukan kata sandi'
+    },
+    weakLabel: {
+      type: String,
+      "default": 'Ah Lemah'
+    },
+    mediumLabel: {
+      type: String,
+      "default": 'Lumayan'
+    },
+    strongLabel: {
+      type: String,
+      "default": 'Wow Kuat'
+    },
     error: {
       type: String,
       "default": null
@@ -626,10 +642,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   , _hoisted_2), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Password, {
     "class": "w-full",
     "input-class": "w-full",
-    promptLabel: "Masukan kata sandi",
-    weakLabel: "Ah Lemah",
-    mediumLabel: "Lumayan",
-    strongLabel: "Wow Kuat",
+    promptLabel: $props.promptLabel,
+    weakLabel: $props.weakLabel,
+    mediumLabel: $props.mediumLabel,
+    strongLabel: $props.strongLabel,
     disabled: $props.disabled,
     id: $setup.forLabel,
     placeholder: $props.placeholder,
@@ -642,7 +658,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 8
   /* PROPS */
-  , ["disabled", "id", "placeholder", "aria-describedby", "value", "model-value"]), $props.error ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("small", {
+  , ["promptLabel", "weakLabel", "mediumLabel", "strongLabel", "disabled", "id", "placeholder", "aria-describedby", "value", "model-value"]), $props.error ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("small", {
     key: 0,
     id: $setup.ariaDescribedbyLabel,
     "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)({

public/js/vue.js

@@ -21600,7 +21600,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "/*\n  Default style\n*/\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  height: 100%;\n  font-size: 14px;\n}\n\nbody {\n  font-family: var(--font-family);\n  color: var(--text-color);\n  background-color: var(--surface-ground);\n  margin: 0;\n  padding: 0;\n  min-height: 100%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.layout-topbar-menu-tooltip.p-tooltip {\n  position: absolute;\n  z-index: 997;\n  display: none;\n  padding: 0.25em 0.5rem;\n  max-width: 12.5rem;\n}\n\n/*\n  Typography\n*/\na {\n  text-decoration: none;\n  color: var(--primary-color);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0.5rem 0 0.5rem 0;\n  font-family: inherit;\n  font-weight: 500;\n  line-height: 1.2;\n  color: inherit;\n\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\nh1 {\n  font-size: 2.5rem;\n}\n\nh2 {\n  font-size: 2rem;\n}\n\nh3 {\n  font-size: 1.75rem;\n}\n\nh4 {\n  font-size: 1.5rem;\n}\n\nh5 {\n  font-size: 1.25rem;\n}\n\nh6 {\n  font-size: 1rem;\n}\n\nmark {\n  background: #fff8e1;\n  padding: 0.25rem 0.4rem;\n  border-radius: 12px;\n  font-family: monospace;\n}\n\nblockquote {\n  margin: 1rem 0;\n  padding: 0 2rem;\n  border-left: 4px solid #90a4ae;\n}\n\nhr {\n  border-top: solid var(--surface-border);\n  border-width: 1px 0 0 0;\n  margin: 1rem 0;\n}\n\np {\n  margin: 0 0 1rem 0;\n  line-height: 1.5;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/*\n  Component\n*/\n.p-message {\n  margin-top: 0px;\n}\n\n.p-dialog-mask {\n  z-index: 997;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "/*\n  Default style\n*/\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  height: 100%;\n  font-size: 14px;\n}\n\nbody {\n  font-family: var(--font-family);\n  color: var(--text-color);\n  background-color: var(--surface-ground);\n  margin: 0;\n  padding: 0;\n  min-height: 100%;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.layout-topbar-menu-tooltip.p-tooltip {\n  position: absolute;\n  z-index: 997;\n  display: none;\n  padding: 0.25em 0.5rem;\n  max-width: 12.5rem;\n}\n\n/*\n  Typography\n*/\na {\n  text-decoration: none;\n  color: var(--primary-color);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0.5rem 0 0.5rem 0;\n  font-family: inherit;\n  font-weight: 500;\n  line-height: 1.2;\n  color: inherit;\n\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\nh1 {\n  font-size: 2.5rem;\n}\n\nh2 {\n  font-size: 2rem;\n}\n\nh3 {\n  font-size: 1.75rem;\n}\n\nh4 {\n  font-size: 1.5rem;\n}\n\nh5 {\n  font-size: 1.25rem;\n}\n\nh6 {\n  font-size: 1rem;\n}\n\nmark {\n  background: #fff8e1;\n  padding: 0.25rem 0.4rem;\n  border-radius: 12px;\n  font-family: monospace;\n}\n\nblockquote {\n  margin: 1rem 0;\n  padding: 0 2rem;\n  border-left: 4px solid #90a4ae;\n}\n\nhr {\n  border-top: solid var(--surface-border);\n  border-width: 1px 0 0 0;\n  margin: 1rem 0;\n}\n\np {\n  margin: 0 0 1rem 0;\n  line-height: 1.5;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/*\n  Component\n*/\n.p-message {\n  margin-top: 0px;\n}\n", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -58561,7 +58561,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"8e53429f130c83f5","resources_js_pages_Customers_Create_vue":"1ec93aefdbb7bac8","resources_js_pages_Customers_Edit_vue":"31ae025a81e11ec5","resources_js_pages_Customers_Index_vue":"38b34ca5e7058678","resources_js_pages_Customers_tableHeader_js":"7a40a3d5ad60171c","resources_js_pages_Dashboards_Index_vue":"7f4150c836fe81d8","resources_js_pages_Purchases_Index_vue":"41fddd7f79c7a85d","resources_js_pages_Sales_Index_vue":"1da65c4ce926abbc","resources_js_pages_StockProducts_Index_vue":"74a65be5ec079b3f","resources_js_pages_Suppliers_Create_vue":"10b828cfed1d6462","resources_js_pages_Suppliers_Edit_vue":"97ca7516c6fa5b2e","resources_js_pages_Suppliers_Index_vue":"ac418f3dc1b81891","resources_js_pages_Suppliers_tableHeader_js":"500bc29ff0dbddce","resources_js_pages_Users_Create_vue":"290f8cea7ecbd8da","resources_js_pages_Users_Edit_vue":"4f8b3ff98efb4ef3","resources_js_pages_Users_Index_vue":"575b2403097c7e16","resources_js_pages_Users_Show_vue":"5561027a65c32ca4","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"5bd7e7097d71fc44","resources_js_pages_Customers_Create_vue":"1ec93aefdbb7bac8","resources_js_pages_Customers_Edit_vue":"31ae025a81e11ec5","resources_js_pages_Customers_Index_vue":"38b34ca5e7058678","resources_js_pages_Customers_tableHeader_js":"7a40a3d5ad60171c","resources_js_pages_Dashboards_Index_vue":"7f4150c836fe81d8","resources_js_pages_Purchases_Index_vue":"41fddd7f79c7a85d","resources_js_pages_Sales_Index_vue":"1da65c4ce926abbc","resources_js_pages_StockProducts_Index_vue":"74a65be5ec079b3f","resources_js_pages_Suppliers_Create_vue":"10b828cfed1d6462","resources_js_pages_Suppliers_Edit_vue":"97ca7516c6fa5b2e","resources_js_pages_Suppliers_Index_vue":"ac418f3dc1b81891","resources_js_pages_Suppliers_tableHeader_js":"500bc29ff0dbddce","resources_js_pages_Users_Create_vue":"290f8cea7ecbd8da","resources_js_pages_Users_Edit_vue":"4f8b3ff98efb4ef3","resources_js_pages_Users_Index_vue":"32bd363dbf0a53ab","resources_js_pages_Users_Show_vue":"cd7e4aa8d8e14572","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/assets/styles/sass/global.scss

@@ -112,7 +112,3 @@ p {
 .p-message {
   margin-top: 0px;
 }
-
-.p-dialog-mask {
-  z-index: 997;
-}

resources/js/components/AppPassword.vue

@@ -14,6 +14,22 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  promptLabel: {
+    type: String,
+    default: 'Masukan kata sandi',
+  },
+  weakLabel: {
+    type: String,
+    default: 'Ah Lemah',
+  },
+  mediumLabel: {
+    type: String,
+    default: 'Lumayan',
+  },
+  strongLabel: {
+    type: String,
+    default: 'Wow Kuat',
+  },
   error: {
     type: String,
     default: null,
@@ -39,10 +55,10 @@ const ariaDescribedbyLabel = computed(
     <Password
       class="w-full"
       input-class="w-full"
-      promptLabel="Masukan kata sandi"
-      weakLabel="Ah Lemah"
-      mediumLabel="Lumayan"
-      strongLabel="Wow Kuat"
+      :promptLabel="promptLabel"
+      :weakLabel="weakLabel"
+      :mediumLabel="mediumLabel"
+      :strongLabel="strongLabel"
       :disabled="disabled"
       :id="forLabel"
       :placeholder="placeholder"

resources/js/pages/Users/Index.vue

@@ -62,7 +62,7 @@ const onResetPassword = (data) => {
             <div class="flex align-items-center">
               <InputText
                 class="w-full md:w-27rem"
-                placeholder="cari, contoh: tina, tina@xx.com"
+                placeholder="cari, contoh: tina"
                 v-model="search"
               />
             </div>