feat: item & inventory.

src/components/Can.js

@@ -1,4 +1,29 @@
-import { createCanBoundTo } from '@casl/react';
-import ability from '../components/Config/ability';
+import React from 'react';
+import { Ability } from '@casl/ability';
+import { createContextualCan } from '@casl/react';
 
-export default createCanBoundTo(ability);
+import {
+  ItemAbility,
+  AbilitySubject,
+  InventoryAdjustment,
+} from '../common/abilityOption';
+
+export const AbilityContext = React.createContext();
+export const Can = createContextualCan(AbilityContext.Consumer);
+
+const AbilityContextProvider = (props) => {
+  const ability = new Ability([
+    {
+      subject: [AbilitySubject.Item],
+      action: [ItemAbility.Create, ItemAbility.Edit],
+    },
+  ]);
+
+  return (
+    <AbilityContext.Provider value={ability}>
+      {props.children}
+    </AbilityContext.Provider>
+  );
+};
+
+export default AbilityContextProvider;