@byteark/byteark-player-vue - npm Package Compare versions

Comparing version 1.0.0-beta1 to 1.0.0-beta10

package.json

 {
   "name": "@byteark/byteark-player-vue",
-  "version": "1.0.0-beta1",
-  "main": "dist/byteark-player-vue.umd.js",
+  "version": "1.0.0-beta10",
+  "main": "dist/@byteark/byteark-player-vue.umd.js",
   "description": "ByteArk Player Container for Vue.js",
@@ -15,8 +15,7 @@ "author": "byteark",
     "build": "vue-cli-service build",
-    "make": "vue-cli-service build --target lib --name byteark-player-vue ./src/main.js",
+    "make": "vue-cli-service build --target lib --name @byteark/byteark-player-vue ./src/main.js",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "core-js": "^3.6.5"
   },
@@ -23,0 +22,0 @@ "devDependencies": {

README.md

@@ -50,3 +50,3 @@ # ByteArk Player Container for Vue.js
 <script>
-import ByteArkPlayerContainer from 'byteark-player-vue';
+import ByteArkPlayerContainer from '@byteark/byteark-player-vue';
 
@@ -79,5 +79,17 @@ export default {
 
-Use ```fill``` mode if you want the video to be displayed on a fixed-size container.
+Include stylesheet in your project
 
 ```vue
+// Inside your main SCSS file
+@import '~@byteark/byteark-player-vue/dist/@byteark/byteark-player-vue.css';
+
+// Or inside the component
+<style lang="scss" scoped>
+@import '~@byteark/byteark-player-vue/dist/@byteark/byteark-player-vue.css';
+</style>
+```
+
+Use `fill` mode if you want the video to be displayed on a fixed-size container.
+
+```vue
 <template>
@@ -89,3 +101,3 @@ <ByteArkPlayerContainer
 <script>
-import ByteArkPlayerContainer from 'byteark-player-vue';
+import ByteArkPlayerContainer from '@byteark/byteark-player-vue';
 
@@ -201,3 +213,3 @@ export default {
 <script>
-import ByteArkPlayerContainer from 'byteark-player-vue';
+import ByteArkPlayerContainer from '@byteark/byteark-player-vue';
 
@@ -243,3 +255,3 @@ export default {
 <script>
-import ByteArkPlayerContainer from 'byteark-player-vue';
+import ByteArkPlayerContainer from '@byteark/byteark-player-vue';
 
@@ -284,3 +296,3 @@ export default {
 <script>
-import ByteArkPlayerContainer from 'byteark-player-vue';
+import ByteArkPlayerContainer from '@byteark/byteark-player-vue';
 
@@ -287,0 +299,0 @@ export default {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1279862

increased by0.67%

Dependency count

1

decreased by-50%

Lines of code

10516

increased by0.29%

Number of lines in readme file

331

increased by3.76%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedvue@^2.6.11

• - Removed@babel/helper-string-parser@7.25.9(transitive)

• - Removed@babel/helper-validator-identifier@7.25.9(transitive)

• - Removed@babel/parser@7.26.2(transitive)

• - Removed@babel/types@7.26.0(transitive)

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.8(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedpostcss@8.4.49(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedvue@2.7.16(transitive)