くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

2022-09-16から1日間の記事一覧

lottie_lightでバンドルサイズを削減する

一部のアニメーションでLottieを使っているけど、 軽量版があるっぽいので試してみた(*´ω`*) もとのコンポーネントはこの記事のやつ。 www.memory-lovers.blog 軽量版を利用したコンポーネント <template> <div :style="style" ref="LottieView" /> </template> <script lang="ts"> - import lottie, { AnimationItem } from "lottie-web"; …

npm scirptでauto completionを有効にする

npmでauto completeを有効にする設定があるらしい。。(*´ω`*) $ npm completion >> ~/.bashrc 知らなかった。。(*´ω`*) 参考にしたサイト様 npm run + Tabキーでnpm scriptを補完する - dackdive's blog

vue-routerだけでページ内のsmooth-scrollを実現する

ページ内の移動には、vue-scrolltoを使ってたけど、 vue-routerだけでもいけそうだったのでためしてみた(*´ω`*) ちなみに、Nuxt2での設定。 簡単な使い方 nuxt.config.tsのrouter.scrollBehaviorに設定を加えると、 いろいろ振る舞いを変えれるらしい(*´ω`…

Nuxt2のnuxt/componentsでgenerateするとnamed slotsでレンダリングされない

Nuxt2のSSGで静的サイトを作っているけど、 一部のコンポーネントが非同期に読み込まれてるっぽい感じに。。 調べてみると、named slotsを使っていると、 Hydrationがうまく行かず、クライアントサイドでレンダリングされるよう。。 使ってたコード 以下のよ…