🗽plugins

პლაგინები წარმოადგენენ დამატებით ხელსაწყოებს რომელბსაც ჩვენს აპლიკაციაში ვიყენებთ. იმისათვის რომ მათი მთელი ლოგიკა არ ჩავწეროთ main.js ში კარგი აზრია მათი src/plugins დირექტორიაში გატანა.

პლაგინებში ძირითადად გაწერილია კონფიგურაციები და ზოგიერთ შემთხვევაში გვიბრუნდება ის ინსტანსი რომელიც უნდა გამოვიყენოთ app.use()-ში.

მაგალითად განვიხილოთ i18n , მას ექნება შემდეგი სახე:

src/plugins/i18n/index.js

import { createI18n } from "vue-i18n";
import en from "@/locales/en.json";
import ge from "@/locales/ge.json";

const i18n = createI18n({
  legacy: false,
  globalInjection: true,
  locale: "ge",
  fallbackLocale: "ge",
  messages: {
    en,
    ge,
  },
});

export default i18n;

ხოლო main.js-ში კი გვექნება შემდეგი კოდი:

import { createApp } from "vue";
import App from "@/App.vue";

import i18n from "@/plugins/i18n"; // <------------


const app = createApp(App);

app.use(i18n); // <------------

app.mount("#app");