npm i rater-js

package-lock.json

@@ -7334,6 +7334,11 @@
             "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
             "dev": true
         },
+        "rater-js": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/rater-js/-/rater-js-1.0.1.tgz",
+            "integrity": "sha512-93MxfiXKfX2LvIIcArtSY4M5C/l5Dg9EioNeQVk1cxnxCuU14A5qXOY0O7DuWlkjBJ930pLUNsOJBcIMUv0oAg=="
+        },
         "raw-body": {
             "version": "2.4.0",
             "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",

package.json

@@ -30,6 +30,7 @@
         "fibers": "^5.0.0",
         "hooper": "^0.3.4",
         "normalize.css": "^8.0.1",
+        "rater-js": "^1.0.1",
         "vue-select-image": "^1.9.0"
     }
 }

resources/js/main.js

@@ -1,7 +1,7 @@
 require('@fortawesome/fontawesome-free/js/all');
 window.Vue = require('vue');
 window.axios = require('axios');
-
+window.rater = require('rater-js');
 /**
  * The following block of code may be used to automatically register your
  * Vue components. It will recursively scan this directory for the Vue

resources/sass/main.scss

@@ -1,5 +1,6 @@
 @import "~normalize.css/normalize.css";
 @import "~@fortawesome/fontawesome-free/css/all.min.css";
+@import "~rater-js/lib/style.css";
 
 @import "variables";
 @import "front/reset";