How to use vue-resize - 3 common examples

To help you get started, we’ve selected a few vue-resize examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dessant / clear-browsing-data / src / action / App.vue View on Github external
import storage from 'storage/storage';
import {
  getEnabledDataTypes,
  getListItems,
  showContributePage,
  showProjectPage
} from 'utils/app';
import {getText} from 'utils/common';
import {optionKeys} from 'utils/data';

export default {
  components: {
    [IconButton.name]: IconButton,
    [Select.name]: Select,
    [Menu.name]: Menu,
    [ResizeObserver.name]: ResizeObserver
  },

  data: function() {
    return {
      dataLoaded: false,

      showActionSettings: false,

      listItems: {
        ...getListItems(
          {
            clearSince: [
              '1minute',
              '3minutes',
              '10minutes',
              '30minutes',
github dessant / search-by-image / src / action / App.vue View on Github external
showNotification,
  validateUrl,
  getListItems,
  showContributePage,
  showProjectPage
} from 'utils/app';
import {getText, isAndroid} from 'utils/common';
import {optionKeys} from 'utils/data';
import {targetEnv} from 'utils/config';

export default {
  components: {
    [IconButton.name]: IconButton,
    [TextField.name]: TextField,
    [Menu.name]: Menu,
    [ResizeObserver.name]: ResizeObserver
  },

  data: function() {
    return {
      dataLoaded: false,

      searchModeAction: '',
      imageUrl: '',
      listItems: {
        ...getListItems(
          {actionMenu: ['options', 'website']},
          {scope: 'actionMenu'}
        ),
        ...getListItems(
          {
            searchModeAction: [
github dessant / web-archives / src / action / App.vue View on Github external
getEnabledEngines,
  showNotification,
  validateUrl,
  getListItems,
  showContributePage,
  showProjectPage
} from 'utils/app';
import {getText, isAndroid} from 'utils/common';
import {targetEnv} from 'utils/config';

export default {
  components: {
    [IconButton.name]: IconButton,
    [TextField.name]: TextField,
    [Menu.name]: Menu,
    [ResizeObserver.name]: ResizeObserver
  },

  data: function() {
    return {
      dataLoaded: false,

      listItems: getListItems(
        {actionMenu: ['options', 'website']},
        {scope: 'actionMenu'}
      ),

      showActionSettings: false,
      hasScrollBar: false,
      isPopup: false,

      engines: [],

vue-resize

Detects DOM element resizing

MIT
Latest version published 4 years ago

Package Health Score

63 / 100
Full package analysis

Popular vue-resize functions