feat(preset): add mobx & mobx-react-lite (#155)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

src/presets/index.ts

@@ -1,4 +1,6 @@
 /* eslint-disable object-shorthand */
+import mobx from './mobx'
+import mobxReactLite from './mobx-react-lite'
 import nuxtCompositionApi from './nuxt-composition-api'
 import pinia from './pinia'
 import preact from './preact'
@@ -37,6 +39,8 @@ export const presets = {
   '@vue/composition-api': vueCompositionApi,
   '@vueuse/core': vueuseCore,
   '@vueuse/head': vueuseHead,
+  'mobx': mobx,
+  'mobx-react-lite': mobxReactLite,
   'pinia': pinia,
   'preact': preact,
   'quasar': quasar,

src/presets/mobx-react-lite.ts

@@ -0,0 +1,12 @@
+import type { ImportsMap } from '../types'
+import { mobx } from './mobx'
+
+export default <ImportsMap>({
+  'mobx-react-lite': [
+    // https://pinia.esm.dev/api/modules/pinia.html#functions
+    ...mobx,
+    'observer',
+    'Observer',
+    'useLocalObservable',
+  ],
+})

src/presets/mobx.ts

@@ -0,0 +1,30 @@
+import type { ImportsMap } from '../types'
+
+export const mobx = [
+  // https://mobx.js.org/api.html
+  'makeObservable',
+  'makeAutoObservable',
+  'extendObservable',
+  'observable',
+  'action',
+  'runInAction',
+  'flow',
+  'flowResult',
+  'computed',
+  'autorun',
+  'reaction',
+  'when',
+  'onReactionError',
+  'intercept',
+  'observe',
+  'onBecomeObserved',
+  'onBecomeUnobserved',
+  'toJS',
+]
+
+export default <ImportsMap>({
+  mobx: [
+    // https://mobx.js.org/api.html
+    ...mobx,
+  ],
+})