@mixd-id/web-scaffold 0.1.230406166 → 0.1.230406167

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406166",
+  "version": "0.1.230406167",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Alert.vue

@@ -16,7 +16,7 @@
 						</div>
 
 						<div :class="$style.details" v-if="message">
-							<p class="text-center break-all whitespace-pre-line">{{ message }}</p>
+							<p class="text-center break-words">{{ message }}</p>
 						</div>
 
 						<div :class="$style.details" v-if="details">

package/src/utils/helpers.js

@@ -366,6 +366,24 @@ const createComponentInstance = function(component){
   return component
 }
 
+const deepObjectContainsObject = (outerObject, innerObject) => {
+  for (const key in innerObject) {
+    if (innerObject.hasOwnProperty(key)) {
+      if (typeof innerObject[key] === 'object' && typeof outerObject[key] === 'object') {
+        // If both properties are objects, recursively check them
+        if (!deepObjectContainsObject(outerObject[key], innerObject[key])) {
+          return false; // Nested objects do not match
+        }
+      } else {
+        if (outerObject[key] !== innerObject[key]) {
+          return false; // Property in innerObject doesn't exist in outerObject or values don't match
+        }
+      }
+    }
+  }
+  return true; // All properties and values in innerObject exist in outerObject
+}
+
 
 module.exports = {
   ceil,
@@ -389,4 +407,5 @@ module.exports = {
   generateStylesheet,
   hexToRgb,
   createComponentInstance,
+  deepObjectContainsObject,
 }