fix notifications errors

assets/styles/index.scss

@@ -44,21 +44,21 @@ a {
 }
 
 // FormInput styles
-.vd-form-input {
-	width: $vd-input-medium;
-
-	&-s {
-		width: $vd-input-small;
-	}
-
-	&-l {
-		width: $vd-input-large;
-	}
-
-	&-xl {
-		width: $vd-input-x-large;
-	}
-}
+//.vd-form-input {
+//	width: $vd-input-medium;
+//
+//	&-s {
+//		width: $vd-input-small;
+//	}
+//
+//	&-l {
+//		width: $vd-input-large;
+//	}
+//
+//	&-xl {
+//		width: $vd-input-x-large;
+//	}
+//}
 
 // VBtnGroup styles
 .v-btn-group {

package.json

@@ -20,7 +20,8 @@
 	},
 	"dependencies": {
 		"@cnamts/design-tokens": "2.12.0",
-		"@cnamts/synapse-bridge": "1.1.10-alpha.0"
+		"@cnamts/synapse-bridge": "1.1.10-alpha.0",
+		"vue": "^3.4.21"
 	},
 	"devDependencies": {
 		"@babel/preset-env": "7.22.15",

store/index.ts

@@ -1,3 +1,21 @@
 import { createStore } from 'vuex';
+import { notification } from '@cnamts/synapse-bridge/modules/notification';
+import VuexPersistence from 'vuex-persist';
 
-export default createStore({});
+import { RootState } from './types';
+
+const vuexLocal = new VuexPersistence<RootState>({
+	storage: window.sessionStorage,
+});
+
+const store = createStore({
+	state: {},
+	modules: {
+		notification
+	},
+	plugins: [
+		vuexLocal.plugin
+	]
+});
+
+export default store;

store/types.d.ts

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/no-empty-interface */
+export interface RootState {}
+
+/**
+ * This is used to properly type components using mappers from Vuex
+ * @see https://github.com/vuejs/vuex/pull/1121
+ */
+export interface VuexBindings {}