Vue.js
個人で開発しているものをNuxt2からNuxt3にアップデートしたため、その時に対応したこと等を記載していきます。 Nuxt2からNuxt3にアップデートしようと思った理由について Vue2が2023年末にサポートが切れてしまうためVue3にアップデートさせる必要があった …
viteを使用して、vite.config.jsの設定を行うを少し行ったので、そのときのメモ。 viteのインストール v1バージョンの場合 (非推奨) ※ project-appは制作したいアプリ名。 $ npm init vite-app project-app // or $ yarn create vite-app project-app 今回は…
vue-vcliの作成 @vue/cliをインストール 参考 cli.vuejs.org npm install -g @vue/cli # OR yarn global add @vue/cli プロジェクトを作成 参考 cli.vuejs.org コマンドで作成したい場合 vue create hello-world GUIベースで作成したい場合 vue ui を実行す…
storybook-dark-mode を追加することでstorybookでダークモードの対応を行うことができるので、その時に対応メモ。 実行結果 ライトモード ダークモード パッケージインストール¥ $ yarn add -D storybook-dark-mode or $ npm i -D storybook-dark-mode gith…
vueのプロジェクトでstorybokを入れようとしたときにvueらしい書き方で行いたいと思ったのでその時のメモ 環境 Rails Vue.js Webpacker webpackerは今回関係ないですが、念のため 実行まで 今回参照するvueファイル <template lang="pug"> div p | {{ message }} </template> <script lang="ts"> import { Compo…
Railsそんな関係ない気がするけどバージョンもろもろ上げたらエラーでたので、storybook入れたときのwebpakerの編集した箇所も記載。 とりあえずstorybook入れる $ yarn add @storybook/cli $ npx getstorybook $ yarn run storybook ここまでやったら .stor…
Nuxt.js のv2でも色々と設定を行ったので、その時に行ったこととしてメモ。(随時追記予定) 今回変更を行ったgithubのコード ここ違うよなどありましたらPRいただけると嬉しいです。 更新速度は遅いですが、随時いろいろと更新できるようにしていきたいと思…