Unhead

3ステップで試す

1. 1

   Unhead Vue 3.4.2とVue 3.5.18を固定して導入する

   一時npm projectへVue integrationとminimum peer条件を満たすVueを固定して導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/unhead.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact @unhead/vue@3.4.2 vue@3.5.18コピー
2. 2

   package versionを確認する

   Unhead VueとVueが想定versionで解決されていることを確認します。

   test "$(node -e "const fs=require('fs');const v=p=>JSON.parse(fs.readFileSync(p)).version;console.log(v('node_modules/@unhead/vue/package.json')+'/'+v('node_modules/vue/package.json'))")" = '3.4.2/3.5.18'コピー
3. 3

   主要head APIのexportを確認する

   browserを起動せず、head/SEO/script管理の主要APIを確認します。

   test "$(node --input-type=module -e "import * as U from '@unhead/vue';console.log(['createUnhead','useHead','useSeoMeta','useScript'].every(k=>k in U))")" = 'true'コピー

Built with

• TypeScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Nuxt60,920 Stars

  共通タグ 5件 · 共通カテゴリ 1件 · 同じ言語

  VueのSSR・SSG・SPA・hybrid renderingとserver APIを一つのproject modelへまとめる

  TypeScript
• Vue 354,511 Stars

  共通タグ 4件 · 同じ言語

  reactivity・component・SFCを既存HTMLの部分導入からSPA・SSRまで同じUI modelで広げるprogressive framework

  TypeScript
• Storybook91,200 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  UI状態をstoryとして保存し、Docs・interaction test・AI toolへ再利用するfrontend workshop

  TypeScript
• Astro63,058 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  content-firstなsiteへ必要な部分だけinteractive UIを載せるWeb framework

  TypeScript
• VueUse22,387 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  Vue 3のComposition APIでbrowser・state・event処理をcomposableとして再利用する

  TypeScript
• VitePress18,377 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  MarkdownとVue componentをVite上で静的documentation siteへbuildするSSG

  TypeScript