Added support for nuxtjs and javascript

Author: michaelolof

README.md

@@ -1,17 +1,16 @@
 # Vuex Class Component
-
 A Type Safe Solution for Vuex Modules using ES6 Classes and ES7 Decorators that works out of the box for TypeScript and JavaScript.
 
 ## Goals
 * Ensure your Codebase is type safe when writing Vuex Modules.
 * Provide proxies for getters, mutations and actions in a type safe way
 * Create a Vuex Manager for handling all vuex calls throughout your codebase.
 
-## Dependencies
-This module has no external dependencies. 
-
-## Changelog
+## Changelog 
+  - `v.1.1.0` - Sub Modules support. 
   - `v.1.4.0` - async/await now works with actions in mutatate mode. 
+  - `v.1.5.0` - JavaScript Support
+  - `v.1.6.0` - NuxtJS Support.
 
 ## Installation
 ```
@@ -22,19 +21,6 @@ $ npm install --save vuex-class-component
   - Vuex Class Component Simple: https://github.com/michaelolof/vuex-class-component-simple
   - Vuex Class Component Test: https://github.com/michaelolof/vuex-class-component-test
 
-## JavaScript Support
-From version `1.5.0` JavaScript is now supported fully.
-To use vuex-class-component in your JavaScript files, ensure your babel.config.js file has the following plugins:
-```js
-module.exports = {
-  ...
-  plugins: [
-    ["@babel/plugin-proposal-decorators", { "legacy": true }],
-    ["@babel/plugin-proposal-class-properties", { "loose" : true }]
-  ]
-}
-```
-
 ## How to use
 Consider this example.
 ```js
@@ -128,6 +114,7 @@ export const store = new Vuex.Store({
   }
 })
 ```
+
 ## Ok. So What About Vue Components?
 Ensuring type safety in Vuex Modules is just one half of the problem solved. We still need to use them in our Vue Components.\
 \
@@ -204,6 +191,34 @@ Now you can easily use in your Vue Components like:
   vxm.vehicle.car.drive() // driving on 4 wheels
 ```
 
+## JavaScript Support
+From version `1.5.0` JavaScript is now supported fully.
+To use vuex-class-component in your JavaScript files, ensure your babel.config.js file has the following plugins:
+```js
+module.exports = {
+  ...
+  plugins: [
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
+    ["@babel/plugin-proposal-class-properties", { "loose" : true }]
+  ]
+}
+```
+And then use as follows
+```js
+import { Module, VuexModule, getter, action } from "vuex-class-component/js";
+```
+
+## NuxtJS Support
+From verison `1.6.0` Nuxt is also supported.
+To use `vuex-class-component` with Nuxt, You add a `target` property to the @Module decorator and set it to `"nuxt"`.
+```js
+@Module({ namespacedPath: "user/", target: "nuxt" })
+
+export class UserStore {
+  ...
+}
+```
+
 ## A note on Vuex Actions?
 Vuex Actions comes in two modes. A `mutate` mode and a `raw` mode. Both can be very useful.\
 For most of your use cases the `mutate` mode is all you'll need. The `raw` mode can be especially useful when you need access to `rootState` and `rootGetters`.\

base.tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "es5",                          
+    "module": "commonjs",                     
+    "lib": ["esnext", "dom" ],                
+    "declaration": true,                   
+    "sourceMap": true,                     
+    "rootDir": "./src",                       
+    "strict": true,                           
+    "noImplicitAny": false,                 
+    "moduleResolution": "node",      
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
+  },
+  "exclude": [
+    "test-ts/",
+    "test-js/",
+    "dist/",
+    "test/",
+    "node_modules"
+  ]
+}

dist/module.d.ts

@@ -1,12 +1,11 @@
 import { ActionRegister } from "./actions";
-import { _state, _mutations, _getters, _proxy, _map, _store, _namespacedPath, _actions_register, _actions, MutationFunction, GetterFunction, ActionFunction, VuexMap, _submodule, _module } from "./symbols";
+import { _state, _mutations, _getters, _proxy, _map, _store, _namespacedPath, _actions_register, _actions, MutationFunction, GetterFunction, ActionFunction, VuexMap, _submodule, _module, _target } from "./symbols";
 import { Store } from "vuex";
 export declare type VuexClassConstructor<T> = new () => T;
-export declare type VuexModuleTarget = "core" | "nuxt";
 export declare class VuexModule {
     static CreateSubModule<V extends typeof VuexModule>(SubModule: V): InstanceType<V>;
     static CreateProxy<V extends typeof VuexModule>($store: Store<any>, cls: V): InstanceType<V>;
-    static ExtractVuexModule(cls: typeof VuexModule, target?: VuexModuleTarget): {
+    static ExtractVuexModule(cls: typeof VuexModule): {
         namespaced: boolean;
         state: any;
         mutations: Record<string, MutationFunction>;
@@ -25,12 +24,17 @@ export interface VuexModule {
     [_actions_register]: ActionRegister[];
     [_actions]: Record<string, ActionFunction>;
     [_map]: VuexMap[];
+    [_target]: VuexModuleTarget;
     [_proxy]: Record<string, any>;
     [_store]: Record<string, any>;
     [_namespacedPath]: string;
     [_submodule]: Record<string, typeof VuexModule>;
     [_module]: Record<string, any>;
 }
-export declare function Module(options?: {
-    namespacedPath: string;
-}): (target: typeof VuexModule) => void;
+export declare type VuexModuleTarget = "core" | "nuxt";
+interface ModuleOptions {
+    namespacedPath?: string;
+    target?: VuexModuleTarget;
+}
+export declare function Module({ namespacedPath, target }?: ModuleOptions): (_module: typeof VuexModule) => void;
+export {};