• Как передать параметры в composable instance в Vue3?

    mgis
    @mgis Автор вопроса
    const editPatient = useModal({
      component: PatientEditForm,
      attrs: {
        patientId: "",
        afterEdit() {
          console.log('dfdfdf');
        },
      },
    });
    
    function openEditForm(id: string) {
      editPatient.patchOptions({
        attrs: {
          patientId: id,
        },
      });
      editPatient.open();
    };

    <template #item-actions="{ id }">
                  <button class="mx-4" @click="openEditForm(id)">
                    <i class="fa-solid fa-pen-to-square"></i>
                  </button>
                </template>
    Ответ написан
    Комментировать
  • Как отобразить Яндекс карту в компоненте vue?

    @letres
    1. Выкачиваем модуль c https://api-maps.yandex.ru/2.1/?apikey=Ваш_ключ&la...
    2. Выкаченный фал переименовываем в yandex-maps.js и копируем в папку проекта plugins
    3. Создаём файл Contacts.vue
    <template>
      <div id="map" class="shadow" style="width: 100%; height: 500px"></div>
    </template>
    
    <script>
    import "../plugins/yandex-maps.js";
    
    function init() {
     var myMap = new ymaps.Map("map", {
                    center: [55.76, 37.64],
                    zoom: 7
                });
    }
    
    export default {
      data() {
        return {};
      },
      mounted() {
        ymaps.ready(init);
      },
    };
    </script>
    
    <style scoped>
    </style>
    Ответ написан
    Комментировать
  • Как устранить ошибку Error: "env(safe-area-inset-right)" is not a number for `max' в Fancybox3?

    @ziqq
    Добавьте 2 миксина

    @function max($numbers...) {
      @return m#{a}x(#{$numbers});
    }
    
    @function min($numbers...) {
      @return m#{i}n(#{$numbers});
    }
    Ответ написан
    2 комментария
  • Как подключить swiper в gulp?

    @catherinecd
    HTML / CSS
    Недавно тоже ломала голову, пришла к такому решению:

    1) Устанавливаем npm i swiper
    2) Подключаем его в gulp

    Я создала отдельные функции для этого
    function vendorJS() {
      const modules = [
        'node_modules/swiper/swiper-bundle.min.js',
        'node_modules/swiper/swiper-bundle.min.js.map',
      ];
    
      return src(modules)
        .pipe(dest('build/js'));
    };
    
    function vendorCSS() {
      const modules = [
        'node_modules/swiper/swiper-bundle.min.css',
      ];
    
      return src(modules)
        .pipe(dest('build/css/pages'));
    };


    3) подключаем к странице ( я пользуюсь pug-m по этому код такой )
    //- swiper styles
    link(rel="stylesheet" type="text/css" href="./css/pages/swiper-bundle.min.css")
    //- swiper js
    script(src='./js/swiper-bundle.min.js')
    Ответ написан
    Комментировать
  • Какие книги по программированию must-have?

    delphinpro
    @delphinpro
    frontend developer
    Не буду оригинален, эти книги у всех на слуху (и у меня на полке =).

    Макконнелл: Совершенный код
    Кнут: Искусство программирования
    Роберт Мартин: Чистый код. Создание, анализ и рефакторинг
    Гамма, Влисидес, Хелм, Джонсон (также известные как "Банда четырех"): Приемы объектно-ориентированного проектирования. Паттерны
    Фаулер: Рефакторинг. Улучшение существующего кода
    Ответ написан
    1 комментарий
  • Как настроить fonter plugin в Gulp?

    @hlebsmaslom
    Если актуально, открываем node_modules/gulp-fonter/dist/index.js, находим строку:
    newFont.path = source.dirname + '\\' + source.stem + '.' + type;
    , меняем '\\' на '/', и должно заработать.
    Ответ написан
    7 комментариев
  • Чем отличается тег section от article?

    gr1mm3r
    @gr1mm3r
    50% ответа в правильном вопросе. Остальное мануал.
    Раньше почти все разделы верстались на дивах. Но в HTML5 добавили сразу два новых тега для разметки разделов:
    <section> — смысловой или логический раздел документа;
    <article> — самостоятельный и независимый раздел документа.
    Чтобы не было путаницы, разберём где и когда использовать разные контейнеры:
    <div> — контейнер общего назначения, не обязательно смысловой. Дивы используются для разметки мелких блоков, создания сетки и декоративных эффектов.
    <section> — более крупный логический контейнер, объединяющий содержание по смыслу. Например, блок «О компании», список товаров, раздел личной информации в профиле и так далее.
    <article> — самостоятельный, цельный и независимый раздел документа. Этот раздел можно в неизменном виде использовать в различных местах, в том числе и на других сайтах. Примеры: статья, пост в блоге, сообщение на форуме и так далее.
    Новые структурные теги HTML5
    Ответ написан
    Комментировать