Инструмент Laravel Nova для создания адаптивных таблиц

Laravel Nova ResponsiveTable - инструмент для Nova, который улучшает ваши таблицы Nova, позволяя скрывать и показывать столбцы в зависимости от изменения размера экрана. Это делает таблицы адаптивными и более удобными для пользователя. Он включает в себя такие функции, как адаптивность таблиц, интуитивное переключение видимости столбцов и не требует использования внешних библиотек. Установка производится с использованием Composer, регистрируется в файле NovaServiceProvider, а затем настраивается в ваших ресурсах Nova. Лицензия MIT, поддержка и дополнительные возможности предоставляются через GitHub.

Github

Сгенерируйте и загрузите счет-фактуру с помощью Vue.js

Пакет Invoice Generator (invoice-generator) - это инструмент для создания и загрузки счетов. Он обладает следующими функциями: темная и светлая темы, многоязычность, печать в формате PDF и возможность редактирования деталей счета. Для работы с пакетом необходимо установить зависимости, запустить приложение в режиме разработки и провести линтинг и форматирование файлов. Пакет также предлагает возможность настройки конфигурации.

Github

Сокращайте и увековечивайте ваши ссылки, текст и файлы в сети с помощью zkSync Era

Этот пакет из GitHub представляет собой платформу EraLink, которая позволяет сокращать и хранить анонимно на блокчейне zkSync ссылки, тексты и файлы, делая их доступными навсегда. Он предлагает несколько применений, таких как проверка подлинности документов, сохранение оригинальных идей с отметкой времени и постоянное совместное использование контента. Пакет состоит из двух основных директорий - contracts, где находятся смарт-контракты, и frontend, где разрабатывается пользовательский интерфейс. К сожалению, в данный момент в нем нет тестов, но он вдохновлен другими проектами и использует ресурсы zksync-cli и zkSync Era Tutorials. Весь проект распространяется под лицензией MIT.

Github

#vue

Тут про Vue паттерны написали

https://www.patterns.dev/vue

Знаете ли вы, что в vuejs вы можете деструктурировать с помощью v-for?

Michael Thiessen

Более широко известно, что вы можете извлечь индекс из v-for, используя кортеж, подобный этому:

Michael Thiessen

При использовании объекта вы также можете захватить ключ:

Michael Thiessen

Также возможно объединить эти два метода, захватив ключ, а также индекс свойства:

Michael Thiessen

Nuxt острова

Вы когда-нибудь задумывались о возможности полного отображения вашего компонента на сервере? JS на стороне клиента отсутствует. Компонент предоставляет эту возможность, позволяя вам отображать части вашего приложения на сервере. Подробнее об этом читайте в этом блоге.

Читать полностью

Чит-лист по методам манипулирования строками

Краткая шпаргалка

Я только что узнал, что вы можете деструктурировать в v-for