1. Install Package:

npm i osmanli-veri-dagitim

Package Load:

import  * as OsmanliPackage  from  "osmanli-veri-dagitim";

3. Require:

Router file

aşağıda verilen dependencyleri yükleyin. kendi vueRouter'ınızı değil. paket içerisinde gelen router ı kullanmaya dikkat edin. new VueRouter sytanxını kullanmayın.

import  * as OsmanliPackage  from  "osmanli-veri-dagitim";
const  BuyDataPackage  = OsmanliPackage.BuyDataPackage;
const  Checkout  = OsmanliPackage.Checkout;
const  CustomerDetail  = OsmanliPackage.CustomerDetail;
let router = OsmanliPackage.router;

kullandığınız router a aşağıdaki routeları ekleyin.

  {
    path: "/customer/:customerNumber?",
    name: "CustomerDetail",
    component: CustomerDetail,
    meta: {
      requiresAuth: true,
      layout: "AppLayout",
      breadcrumb: [
        {
          name: "Dashboard",
          icon: "dashboard",
          url: { name: "Home" },
        },
      ],
    },
  },
  {
    path: "/buy-data-package/:customerNumber?",
    name: "BuyDataPackage",
    component: BuyDataPackage,
    props: true,
    meta: {
      requiresAuth: true,
      layout: "AppLayout",
      breadcrumb: [
        {
          name: "Dashboard",
          icon: "dashboard",
          url: { name: "Home" },
        },
      ],
    },
  },
  {
    path: "/checkout/:customerNumber/:packageNumber?",
    name: "Checkout",
    component: Checkout,
    meta: {
      requiresAuth: true,
      layout: "AppLayout",
      breadcrumb: [
        {
          name: "Dashboard",
          icon: "dashboard",
          url: { name: "Home" },
        },
      ],
    },
  },

router içerisinde exportu aşağıda verilen şekilde gerçekleştirin.

export { router, routes };

router'da düzenlemeleri yaptıktan sonra router ve routes u dosyaya dahil edin. new Vue instance ı içerisinde addRoutes methodu ile kendi route pathinizi dahil edin.

Main.js

import  * as OsmanliPackage  from  "osmanli-veri-dagitim";
import { router, routes } from  "./router";
// your code here
Vue.use(OsmanliPackage.vClickOutside);
Vue.use(OsmanliPackage.VueEsc);
Vue.use(OsmanliPackage.VueApexCharts);
Vue.use(OsmanliPackage.DatePicker);

Vue.component("customer-detail", OsmanliPackage.CustomerDetail);
//your code here
new  Vue({
 router,
 store,
 beforeCreate() {
  router.addRoutes(routes);
  console.log(this.$router);
 },
render: (h) =>  h(App),
}).$mount("#app");

store.js

aşağıdaki gibi verilen modulleri yükleyin. store module'a dahil edin.

import * as OsmanliPackage from "osmanli-veri-dagitim";
const customerModule = OsmanliPackage.customer;
const packagesModule = OsmanliPackage.packages;
const rateModule = OsmanliPackage.rate;
const packageFeatureModule = OsmanliPackage.packageFeature;

export default new Vuex.Store({
  state: {},
  mutations: {},
  actions: {},
  modules: {
    // your module-1,
    // your module-2,
    customerModule,
    packagesModule,
    rateModule,
    packageFeatureModule,
  },
});