framework7-vue/components/use-icon.js

Build full featured iOS & Android apps using Framework7 & Vue

import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode } from "vue";
function render(_ctx, _cache) {
  const _component_f7_badge = _resolveComponent("f7-badge");
  const _component_f7_icon = _resolveComponent("f7-icon");
  return _openBlock(), _createBlock(_component_f7_icon, _normalizeProps(_guardReactiveProps(_ctx.icon.props)), {
    default: _withCtx(() => [_ctx.icon.badge ? (_openBlock(), _createBlock(_component_f7_badge, _normalizeProps(_mergeProps({
      key: 0
    }, _ctx.icon.badge.props)), {
      default: _withCtx(() => [_createTextVNode(_toDisplayString(_ctx.icon.badge.content), 1)]),
      _: 1
    }, 16)) : _createCommentVNode("", true)]),
    _: 1
  }, 16);
}
import f7Icon from './icon.js';
import f7Badge from './badge.js';
export default {
  name: 'f7-use-icon',
  render,
  components: {
    f7Icon,
    f7Badge
  },
  props: {
    icon: Object
  }
};