diff --git a/skeletons/vaahcms/module-vue3/Http/Controllers/Backend/BackendController.php.ejs b/skeletons/vaahcms/module-vue3/Http/Controllers/Backend/BackendController.php.ejs
index c6d9e35..75718c5 100644
--- a/skeletons/vaahcms/module-vue3/Http/Controllers/Backend/BackendController.php.ejs
+++ b/skeletons/vaahcms/module-vue3/Http/Controllers/Backend/BackendController.php.ejs
@@ -68,10 +68,17 @@ class BackendController extends Controller
 
         $data=[];
 
+        $steps = array();
+
+//        $steps[] = $this->isSetupComplete();
+
         $data['module'] = [
             'name' => config('<%= module_name_lower %>.name'),
             'version' => config('settings.global.<%= module_name_lower %>_version')??config('<%= module_name_lower %>.version'),
             'is_dev' => config('<%= module_name_lower %>.is_dev'),
+            'setup' => [
+                'steps' => $steps
+            ]
         ];
 
         $v_version = config('vaahcms.version');
@@ -114,4 +121,15 @@ class BackendController extends Controller
 
     }
 
+
+    //-------------------------------------------------
+    public function isSetupComplete(){
+
+        $response['is_complete'] = false;
+        $response['message'] = "Your module is successfully setup.";
+
+        return $response;
+
+    }
+
 }
diff --git a/skeletons/vaahcms/module-vue3/Vue/components/TopNotification.vue b/skeletons/vaahcms/module-vue3/Vue/components/TopNotification.vue
new file mode 100644
index 0000000..af25152
--- /dev/null
+++ b/skeletons/vaahcms/module-vue3/Vue/components/TopNotification.vue
@@ -0,0 +1,25 @@
+<template>
+  <div v-if="root && root.assets" style="padding-top: 1px;">
+
+      <template v-if=" root.assets.module
+        && root.assets.module.setup
+        && root.assets.module.setup.steps"
+                v-for="(step,s_index) in root.assets.module.setup.steps"
+                :key="s_index" >
+          <Message v-if="!step.is_complete"  severity="error">
+                <span v-html="'Step '+(s_index+1)+': '+step.message">
+
+                </span>
+          </Message>
+      </template>
+
+  </div>
+</template>
+
+<script setup>
+
+import {useRootStore} from '../stores/root.js'
+
+const root = useRootStore();
+
+</script>
diff --git a/skeletons/vaahcms/module-vue3/Vue/layouts/App.vue b/skeletons/vaahcms/module-vue3/Vue/layouts/App.vue
index 9b1778e..5fdcd96 100644
--- a/skeletons/vaahcms/module-vue3/Vue/layouts/App.vue
+++ b/skeletons/vaahcms/module-vue3/Vue/layouts/App.vue
@@ -2,6 +2,7 @@
 import {vaah} from '../vaahvue/pinia/vaah.js'
 import {useRootStore} from '../stores/root.js'
 import Footer from '../components/Footer.vue'
+import TopNotification from '../components/TopNotification.vue'
 
 import { useToast } from "primevue/usetoast";
 import { useConfirm } from "primevue/useconfirm";
@@ -17,6 +18,7 @@ useVaah.setConfirm(confirm);
 
 
 <template>
+    <TopNotification/>
     <div  style="padding-top: 11px;">
 
         <ProgressBar style="z-index: 10000000; position: fixed; top: 1px; width: 100%; left: 0px; height: 2px;"