[B! nuxtjs] wyumikokhのブックマーク

Announcing Nuxt 3 Release Candidate · Nuxt Blog

A new foundationOn top of supporting Vue 3 or Vite, Nuxt 3 contains a new server engine, unlocking new full-stack capabilities to Nuxt server and beyond. It's the first JavaScript application server that is porta ble across a variety of modern cloud hosting providers. In production, it builds your Vue application and server into one universal .output directory. This output is light: minified and wi

wyumikokh 2023/05/05

リンク

Nuxt Composition APIのuseFetchとcomputedの問題について

使っている@nuxtjs/composition-apiのバージョンについてこんな感じ @nuxtjs/composition-api": "0.22.0" 何が起きていたのか？ setupでreturn にcomputedな値を含めるとWrite operation failed: computed value is readonlyって言われるのかな？ — ポリドッグ (@polidog) March 21, 2021 https://codesandbox.io/s/vigilant-gould-45vg4?file=/pages/posts/_id.vue import { defineComponent, useFetch, useContext, ref, computed, } from "@nuxtjs/composition-api"; import Author fr

wyumikokh 2023/04/11

nuxtjs

リンク

2022年の最新標準！Vue 3の新しい開発体験に触れよう - ICS MEDIA

2021年のVue.jsは新しいVue 3のコアが安定し、開発環境からライブラリやコードの書き方まで、新しい発表の多い一年でした。ICSではすでに複数のプロジェクトでVue 3やVite等の新しいフレームワーク・ツールを使用していますが、まだまだ様子見という方も多いでしょう。変化の大きいVue 3の周辺ですが、2021年11月のVueConf Toronto 2021（セッション動画）でようやく次の定番と言える構成がアナウンスされました。この記事では、Vite・cteate-vue・<script setup>・Piniaといった新しい推薦構成を紹介し、Vue 2時代から何が良くなるのかを比較します。新しい構成は何が良くなる？　メリットを確認新しい構成ではプロジェクトを作成する際のコマンドラインツールからVS Codeの機能拡張やコードの書き方まで、さまざまな部分が変わっています。個

wyumikokh 2023/03/06

リンク

Options APIを使用してNuxt.js + TypeScriptでVuexに型指定する方法（nuxt-typed-vuex） | スマートショッピング

2020-07-13Options APIを使用してNuxt.js + TypeScriptでVuexに型指定する方法（nuxt-typed-vuex）はじめにこんにちは。エンジニアリング事業本部の@gc_tech70です。今回自社内で新規のWebサービスの開発プロジェクトがあり、その際の開発技術としてNuxt.js + TypeScriptを採用しました。本記事ではその開発時のナレッジとして、Nuxt.js + TypeScript環境におけるVuexの型指定の方法についてご紹介させていただきたいと思います。 ※TypeScriptを使用する理由は多くの記事で語られていると思いますので、この記事ではあえて言及はしません。 Nuxt.js + TypeScriptでの技術選定まず最初にNuxt.js + TypeScriptと言っても現状（2020年7月12日時点）では技術選定として

wyumikokh 2020/11/10

リンク

nuxt 2 で静的ファイルの生成時にファイル名を固定したい。 - Qiita

2019/12/24 現状、macとwindowsで出力形式が違います。解決ができていないので、以下記事は微妙。 nuxt generateで静的ファイルの生成・納品をしていると「差分でほしい」とおねがいされることがある。差分で受領するメリットは修正したファイルのみアップロードするため、先祖返りが起きにくい。修正箇所が比較しやすい。の２点。ディフォルトでは、ファイル名がhashになりnuxt generateのたびに全ファイル修正となる。また、修正箇所を比較するにもminifyされているため、diffできない。上記２点のメリットが無くなってしまうので、設定を変更しておく。