vue-screen - npm Package Compare versions

dist/vue-screen.cjs.js

		@@ -48,2 +48,3 @@ 'use strict';
		});
		/* istanbul ignore next */
		var updateWindowProperties = function () {
		@@ -54,2 +55,3 @@ screen.width = window.innerWidth;
		};
		/* istanbul ignore next */
		var updateOrientationPropperties = function (e) {
		@@ -60,2 +62,3 @@ screen.portrait = e.matches;
		};
		/* istanbul ignore if */
		if (inBrowser) {
		@@ -179,4 +182,4 @@ var resizeListener_1 = debounce(updateWindowProperties, debounceDelay);
		};
		/* istanbul ignore next */
		var updateComputedProperties = function (config, object) {
		console.log('updating computed');
		Object.keys(config)
		@@ -192,2 +195,3 @@ .filter(function (breakpoint) {
		var debouncedUpdateComputedProperties = debounce(updateComputedProperties, 100);
		/* istanbul ignore next */
		var createMediaQueries = function (config, object) {
		@@ -200,3 +204,2 @@ Object.keys(config)
		var width = config[breakpoint];
		console.log(width);
		if (typeof width === 'number') {
		@@ -254,2 +257,3 @@ width = width + "px";
		var gridObject = vue.reactive(createGridObject(config));
		/* istanbul ignore if */
		if (inBrowser) {
		@@ -261,3 +265,3 @@ createMediaQueries(config, gridObject);
		var extendGrid = function (literalConfig, extraProperties) {
		return Object.assign(createConfigFromLiteral(literalConfig), extraProperties);
		return Object.assign({}, createConfigFromLiteral(literalConfig), extraProperties);
		};
		@@ -264,0 +268,0 @@

dist/vue-screen.esm.js

		@@ -44,2 +44,3 @@ import { reactive, getCurrentInstance, onUnmounted } from 'vue';
		});
		/* istanbul ignore next */
		var updateWindowProperties = function () {
		@@ -50,2 +51,3 @@ screen.width = window.innerWidth;
		};
		/* istanbul ignore next */
		var updateOrientationPropperties = function (e) {
		@@ -56,2 +58,3 @@ screen.portrait = e.matches;
		};
		/* istanbul ignore if */
		if (inBrowser) {
		@@ -175,4 +178,4 @@ var resizeListener_1 = debounce(updateWindowProperties, debounceDelay);
		};
		/* istanbul ignore next */
		var updateComputedProperties = function (config, object) {
		console.log('updating computed');
		Object.keys(config)
		@@ -188,2 +191,3 @@ .filter(function (breakpoint) {
		var debouncedUpdateComputedProperties = debounce(updateComputedProperties, 100);
		/* istanbul ignore next */
		var createMediaQueries = function (config, object) {
		@@ -196,3 +200,2 @@ Object.keys(config)
		var width = config[breakpoint];
		console.log(width);
		if (typeof width === 'number') {
		@@ -250,2 +253,3 @@ width = width + "px";
		var gridObject = reactive(createGridObject(config));
		/* istanbul ignore if */
		if (inBrowser) {
		@@ -257,3 +261,3 @@ createMediaQueries(config, gridObject);
		var extendGrid = function (literalConfig, extraProperties) {
		return Object.assign(createConfigFromLiteral(literalConfig), extraProperties);
		return Object.assign({}, createConfigFromLiteral(literalConfig), extraProperties);
		};
		@@ -260,0 +264,0 @@

package.json

		{
		"name": "vue-screen",
		"version": "2.1.0-alpha.5",
		"version": "2.1.0-beta.1",
		"description": "Reactive screen size and media query states for Vue. Integrates with most UI frameworks out of the box.",
		@@ -5,0 +5,0 @@ "main": "dist/vue-screen.cjs.js",

New alerts