@eeplatform/nuxt-layer-common 1.3.0 → 1.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @eeplatform/nuxt-layer-common
 
+## 1.3.1
+
+### Patch Changes
+
+- 41bddb4: Layout header component - add default apps as props
+
 ## 1.3.0
 
 ### Minor Changes

package/components/Layout/Header.vue

@@ -49,7 +49,7 @@
             <v-col cols="12">
               <v-card width="100%" variant="tonal" rounded="t-xl b-0">
                 <v-row class="pa-4">
-                  <template v-for="item in defaultApps">
+                  <template v-for="item in props.defaults">
                     <v-col cols="4">
                       <v-btn
                         :prepend-icon="item.icon"
@@ -204,6 +204,23 @@ const props = defineProps({
     type: String,
     default: "Title",
   },
+  defaults: {
+    type: Array as PropType<Array<TApp>>,
+    default: () => [
+      {
+        title: "Account",
+        icon: "ph:user-circle-bold",
+        link: "",
+        landingPage: "home",
+      },
+      {
+        title: "Admin",
+        icon: "ph:shield-checkered-bold",
+        link: "",
+        landingPage: "home",
+      },
+    ],
+  },
   apps: {
     type: Array as PropType<Array<TApp>>,
     default: () => [],
@@ -267,21 +284,6 @@ const name = computed(() => {
 
   return name;
 });
-
-const defaultApps = computed<Array<TApp>>(() => [
-  {
-    title: "Account",
-    icon: "ph:user-circle-bold",
-    link: APP_ACCOUNT,
-    landingPage: "home",
-  },
-  {
-    title: "Admin",
-    icon: "ph:shield-checkered-bold",
-    link: APP_ADMIN,
-    landingPage: "home",
-  },
-]);
 </script>
 
 <style scoped>

package/components/Layout/NavigationDrawer.vue

@@ -23,6 +23,8 @@
       </template>
     </v-list>
 
+    <slot name="services"> </slot>
+
     <template #append>
       <slot name="append"></slot>
     </template>

package/package.json

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

package/plugins/vuetify.ts

@@ -14,6 +14,8 @@ const darkTheme = {
   dark: true,
 };
 
+import { VMaskInput } from "vuetify/labs/VMaskInput";
+
 export default defineNuxtPlugin((app) => {
   const vuetify = createVuetify({
     defaults: {
@@ -37,6 +39,10 @@ export default defineNuxtPlugin((app) => {
         variant: "outlined",
         density: "comfortable",
       },
+      VMaskInput: {
+        variant: "outlined",
+        density: "comfortable",
+      },
     },
     theme: {
       defaultTheme: "defaultTheme",
@@ -53,6 +59,9 @@ export default defineNuxtPlugin((app) => {
         },
       },
     },
+    components: {
+      VMaskInput,
+    },
   });
 
   app.vueApp.use(vuetify);