diff --git a/.nuxt/App.js b/.nuxt/App.js index 122b7988c..cdb179858 100644 --- a/.nuxt/App.js +++ b/.nuxt/App.js @@ -6,7 +6,7 @@ import NuxtError from './components/nuxt-error.vue' import NuxtLoading from './components/nuxt-loading.vue' import NuxtBuildIndicator from './components/nuxt-build-indicator' -import '../node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css' +import '..\\node_modules\\@nuxtjs\\tailwindcss\\dist\\runtime\\tailwind.css' import _6f6c098b from './layouts/default.vue' diff --git a/.nuxt/components/index.js b/.nuxt/components/index.js index ae25ebd83..937ba2759 100644 --- a/.nuxt/components/index.js +++ b/.nuxt/components/index.js @@ -1,4 +1,4 @@ -export { default as TodoButton } from '../../components/TodoButton.vue' +export { default as TodoButton } from '../..\\components\\TodoButton.vue' // nuxt/nuxt.js#8607 function wrapFunctional(options) { diff --git a/.nuxt/index.js b/.nuxt/index.js index 6a564ee55..ac8ac4b0a 100644 --- a/.nuxt/index.js +++ b/.nuxt/index.js @@ -12,7 +12,7 @@ import { setContext, getLocation, getRouteData, normalizeError } from './utils' /* Plugins */ -import nuxt_plugin_plugin_c1c57276 from 'nuxt_plugin_plugin_c1c57276' // Source: ./components/plugin.js (mode: 'all') +import nuxt_plugin_plugin_d762bd46 from 'nuxt_plugin_plugin_d762bd46' // Source: .\\components\\plugin.js (mode: 'all') // Component: Vue.component(ClientOnly.name, ClientOnly) @@ -178,8 +178,8 @@ async function createApp(ssrContext, config = {}) { } // Plugin execution - if (typeof nuxt_plugin_plugin_c1c57276 === 'function') { - await nuxt_plugin_plugin_c1c57276(app.context, inject) + if (typeof nuxt_plugin_plugin_d762bd46 === 'function') { + await nuxt_plugin_plugin_d762bd46(app.context, inject) } // Lock enablePreview in context diff --git a/.nuxt/router.js b/.nuxt/router.js index bff19bd95..3e5cbe319 100644 --- a/.nuxt/router.js +++ b/.nuxt/router.js @@ -4,7 +4,7 @@ import { normalizeURL, decode } from 'ufo' import { interopDefault } from './utils' import scrollBehavior from './router.scrollBehavior.js' -const _27e5ec3a = () => interopDefault(import('../pages/index.vue' /* webpackChunkName: "pages/index" */)) +const _3e038bec = () => interopDefault(import('..\\pages\\index.vue' /* webpackChunkName: "pages/index" */)) const emptyFn = () => {} @@ -19,7 +19,7 @@ export const routerOptions = { routes: [{ path: "/", - component: _27e5ec3a, + component: _3e038bec, name: "index" }], diff --git a/.nuxt/routes.json b/.nuxt/routes.json index 9c8c20e63..de71efac2 100644 --- a/.nuxt/routes.json +++ b/.nuxt/routes.json @@ -2,8 +2,7 @@ { "name": "index", "path": "/", - "component": "/Users/minato/designium/dezban-frontend-skill-check/skill-test/sample/pages/index.vue", - "chunkName": "pages/index", - "_name": "_27e5ec3a" + "component": "C:\\\\Users\\\\AU-Univ\\\\dezban-frontend-skill-check\\\\pages\\\\index.vue", + "chunkName": "pages/index" } ] diff --git a/README.md b/README.md index c7edc2803..5e6fdd30f 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,13 @@ -# TODOアプリ +# TODO アプリ + ## 概要 -Nuxt.jsとTypeScriptを用いてでTODOアプリを実装する。 + +Nuxt.js と TypeScript を用いてで TODO アプリを実装する。 ## 機能一覧 + - ヘッダー - タイトルを中央寄せで表示 - 入力フォーム @@ -17,92 +20,112 @@ Nuxt.jsとTypeScriptを用いてでTODOアプリを実装する。 - 削除ボタンクリックでタスクを削除 ## 補足 + - ボタンはコンポーネント化してください -- データ管理はvuexを用いても、propsによる受け渡しでもどちらでも構いません -- vueファイル内の変数等は型をつけてください。 -- UIに関しては自由です +- データ管理は vuex を用いても、props による受け渡しでもどちらでも構いません +- vue ファイル内の変数等は型をつけてください。 +- UI に関しては自由です - コミットの粒度やコミットメッセージはチーム開発を意識したものにしてください。 - PC/スマートフォンの両方でデザインが崩れないようにしてください(検証ツールにて確認) - 技術的な面でわからないものがあれば[こちら](https://github.com/TheDesignium/dezban-frontend-skill-check/wiki/%E5%8F%82%E8%80%83%E8%A8%98%E4%BA%8B)に目を通してみてください。 ## 技術スタック -- フレームワーク: Nuxt.js 2系 -- 言語: TypeScript -- CSSフレームワーク: TailwindCSS +- フレームワーク: Nuxt.js 2 系 +- 言語: TypeScript +- CSS フレームワーク: TailwindCSS ## 実行手順 + ### 1.環境構築をする + - [こちら](#環境構築)を参考に行ってください + ### 2.作業ブランチを作成 -branch名は`intern/github名/年月/todo-list`としてください。 + +branch 名は`intern/github名/年月/todo-list`としてください。 ex) `intern/mnt3710/202401/todo-list` + ```bash $ git checkout -b ブランチ名 ``` + ### 3.作業着手 -[機能一覧](#機能一覧)を参考にtodoアプリを作成してください。 -### 4.PR作成 -PullRequestを作成する際は以下の項目を確認してください。 +[機能一覧](#機能一覧)を参考に todo アプリを作成してください。 + +### 4.PR 作成 + +PullRequest を作成する際は以下の項目を確認してください。 - [ ] コンポーネントファイルやイメージファイルを参照するときは@ではなく~になっているか。 - [ ] `console.log()`がコード内に残っていないか。 - [ ] `yarn lintfix`を実行し、フォーマットが整っているか。 - [ ] PR に正常に動作していることが確認できる画像、または動画を入れているか。 - ## 環境構築 + 既にインストールされているものは飛ばしてください。 -また、macOSの場合の環境構築のため、windowsを使っている方は参考にして適宜調べてください。 +また、macOS の場合の環境構築のため、windows を使っている方は参考にして適宜調べてください。 -### 1. vscodeのインストール -[こちら](https://chigusa-web.com/blog/vs-code-install/)からvscodeのインストールをする +### 1. vscode のインストール + +[こちら](https://chigusa-web.com/blog/vs-code-install/)から vscode のインストールをする ### 2. リポジトリをローカルに持ってくる -github上にあるスキルチェックのテンプレートを自分のpcに持ってくる。 + +github 上にあるスキルチェックのテンプレートを自分の pc に持ってくる。 ```bash $ git clone https://github.com/TheDesignium/dezban-frontend-skill-check.git $ cd dezban-frontend-skill-check ``` -### 3. nvmのインストール + +### 3. nvm のインストール + ```bash $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash ``` -### 4. nodeのインストール +### 4. node のインストール + ```bash $ nvm install v16.14.1 ``` + 正常にインストールされていたら以下のようにバージョンが表示される。 + ```bash $ node --version v16.19.0 $ npm --version 8.19.3 ``` -※ vscode上のターミナルで作業していて、versionが出てこない場合はvscodeを再起動する -### 5. yarnのインストール +※ vscode 上のターミナルで作業していて、version が出てこない場合は vscode を再起動する + +### 5. yarn のインストール + ```bash $ npm install -g yarn $ yarn -v ``` -### 6. localhostを立ち上げる +### 6. localhost を立ち上げる + ```bash $ yarn $ yarn dev ``` + http://localhost:3000 を開く。 -## vscodeの推奨拡張機能 +## vscode の推奨拡張機能 - Vetur - ESlint @@ -113,9 +136,9 @@ http://localhost:3000 を開く。 ### nuxt not found -package.jsonを確認(github上と同じであることを確認) +package.json を確認(github 上と同じであることを確認) -githubと違う内容であれば`git pull origin main`を実行 +github と違う内容であれば`git pull origin main`を実行 再度`yarn`を実行 diff --git a/components/TodoButton.vue b/components/TodoButton.vue index c2dc2cc8a..71c27abdb 100644 --- a/components/TodoButton.vue +++ b/components/TodoButton.vue @@ -1,8 +1,26 @@ diff --git a/install_nvm.sh b/install_nvm.sh new file mode 100644 index 000000000..e8a3764b8 --- /dev/null +++ b/install_nvm.sh @@ -0,0 +1,479 @@ +#!/usr/bin/env bash + +{ # this ensures the entire script is downloaded # + +nvm_has() { + type "$1" > /dev/null 2>&1 +} + +nvm_echo() { + command printf %s\\n "$*" 2>/dev/null +} + +if [ -z "${BASH_VERSION}" ] || [ -n "${ZSH_VERSION}" ]; then + # shellcheck disable=SC2016 + nvm_echo >&2 'Error: the install instructions explicitly say to pipe the install script to `bash`; please follow them' + exit 1 +fi + +nvm_grep() { + GREP_OPTIONS='' command grep "$@" +} + +nvm_default_install_dir() { + [ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm" +} + +nvm_install_dir() { + if [ -n "$NVM_DIR" ]; then + printf %s "${NVM_DIR}" + else + nvm_default_install_dir + fi +} + +nvm_latest_version() { + nvm_echo "v0.39.3" +} + +nvm_profile_is_bash_or_zsh() { + local TEST_PROFILE + TEST_PROFILE="${1-}" + case "${TEST_PROFILE-}" in + *"/.bashrc" | *"/.bash_profile" | *"/.zshrc" | *"/.zprofile") + return + ;; + *) + return 1 + ;; + esac +} + +# +# Outputs the location to NVM depending on: +# * The availability of $NVM_SOURCE +# * The method used ("script" or "git" in the script, defaults to "git") +# NVM_SOURCE always takes precedence unless the method is "script-nvm-exec" +# +nvm_source() { + local NVM_GITHUB_REPO + NVM_GITHUB_REPO="${NVM_INSTALL_GITHUB_REPO:-nvm-sh/nvm}" + local NVM_VERSION + NVM_VERSION="${NVM_INSTALL_VERSION:-$(nvm_latest_version)}" + local NVM_METHOD + NVM_METHOD="$1" + local NVM_SOURCE_URL + NVM_SOURCE_URL="$NVM_SOURCE" + if [ "_$NVM_METHOD" = "_script-nvm-exec" ]; then + NVM_SOURCE_URL="https://raw.githubusercontent.com/${NVM_GITHUB_REPO}/${NVM_VERSION}/nvm-exec" + elif [ "_$NVM_METHOD" = "_script-nvm-bash-completion" ]; then + NVM_SOURCE_URL="https://raw.githubusercontent.com/${NVM_GITHUB_REPO}/${NVM_VERSION}/bash_completion" + elif [ -z "$NVM_SOURCE_URL" ]; then + if [ "_$NVM_METHOD" = "_script" ]; then + NVM_SOURCE_URL="https://raw.githubusercontent.com/${NVM_GITHUB_REPO}/${NVM_VERSION}/nvm.sh" + elif [ "_$NVM_METHOD" = "_git" ] || [ -z "$NVM_METHOD" ]; then + NVM_SOURCE_URL="https://github.com/${NVM_GITHUB_REPO}.git" + else + nvm_echo >&2 "Unexpected value \"$NVM_METHOD\" for \$NVM_METHOD" + return 1 + fi + fi + nvm_echo "$NVM_SOURCE_URL" +} + +# +# Node.js version to install +# +nvm_node_version() { + nvm_echo "$NODE_VERSION" +} + +nvm_download() { + if nvm_has "curl"; then + curl --fail --compressed -q "$@" + elif nvm_has "wget"; then + # Emulate curl with wget + ARGS=$(nvm_echo "$@" | command sed -e 's/--progress-bar /--progress=bar /' \ + -e 's/--compressed //' \ + -e 's/--fail //' \ + -e 's/-L //' \ + -e 's/-I /--server-response /' \ + -e 's/-s /-q /' \ + -e 's/-sS /-nv /' \ + -e 's/-o /-O /' \ + -e 's/-C - /-c /') + # shellcheck disable=SC2086 + eval wget $ARGS + fi +} + +install_nvm_from_git() { + local INSTALL_DIR + INSTALL_DIR="$(nvm_install_dir)" + local NVM_VERSION + NVM_VERSION="${NVM_INSTALL_VERSION:-$(nvm_latest_version)}" + if [ -n "${NVM_INSTALL_VERSION:-}" ]; then + # Check if version is an existing ref + if command git ls-remote "$(nvm_source "git")" "$NVM_VERSION" | nvm_grep -q "$NVM_VERSION" ; then + : + # Check if version is an existing changeset + elif ! nvm_download -o /dev/null "$(nvm_source "script-nvm-exec")"; then + nvm_echo >&2 "Failed to find '$NVM_VERSION' version." + exit 1 + fi + fi + + local fetch_error + if [ -d "$INSTALL_DIR/.git" ]; then + # Updating repo + nvm_echo "=> nvm is already installed in $INSTALL_DIR, trying to update using git" + command printf '\r=> ' + fetch_error="Failed to update nvm with $NVM_VERSION, run 'git fetch' in $INSTALL_DIR yourself." + else + fetch_error="Failed to fetch origin with $NVM_VERSION. Please report this!" + nvm_echo "=> Downloading nvm from git to '$INSTALL_DIR'" + command printf '\r=> ' + mkdir -p "${INSTALL_DIR}" + if [ "$(ls -A "${INSTALL_DIR}")" ]; then + # Initializing repo + command git init "${INSTALL_DIR}" || { + nvm_echo >&2 'Failed to initialize nvm repo. Please report this!' + exit 2 + } + command git --git-dir="${INSTALL_DIR}/.git" remote add origin "$(nvm_source)" 2> /dev/null \ + || command git --git-dir="${INSTALL_DIR}/.git" remote set-url origin "$(nvm_source)" || { + nvm_echo >&2 'Failed to add remote "origin" (or set the URL). Please report this!' + exit 2 + } + else + # Cloning repo + command git clone "$(nvm_source)" --depth=1 "${INSTALL_DIR}" || { + nvm_echo >&2 'Failed to clone nvm repo. Please report this!' + exit 2 + } + fi + fi + # Try to fetch tag + if command git --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" fetch origin tag "$NVM_VERSION" --depth=1 2>/dev/null; then + : + # Fetch given version + elif ! command git --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" fetch origin "$NVM_VERSION" --depth=1; then + nvm_echo >&2 "$fetch_error" + exit 1 + fi + command git -c advice.detachedHead=false --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" checkout -f --quiet FETCH_HEAD || { + nvm_echo >&2 "Failed to checkout the given version $NVM_VERSION. Please report this!" + exit 2 + } + if [ -n "$(command git --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" show-ref refs/heads/master)" ]; then + if command git --no-pager --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" branch --quiet 2>/dev/null; then + command git --no-pager --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" branch --quiet -D master >/dev/null 2>&1 + else + nvm_echo >&2 "Your version of git is out of date. Please update it!" + command git --no-pager --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" branch -D master >/dev/null 2>&1 + fi + fi + + nvm_echo "=> Compressing and cleaning up git repository" + if ! command git --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" reflog expire --expire=now --all; then + nvm_echo >&2 "Your version of git is out of date. Please update it!" + fi + if ! command git --git-dir="$INSTALL_DIR"/.git --work-tree="$INSTALL_DIR" gc --auto --aggressive --prune=now ; then + nvm_echo >&2 "Your version of git is out of date. Please update it!" + fi + return +} + +# +# Automatically install Node.js +# +nvm_install_node() { + local NODE_VERSION_LOCAL + NODE_VERSION_LOCAL="$(nvm_node_version)" + + if [ -z "$NODE_VERSION_LOCAL" ]; then + return 0 + fi + + nvm_echo "=> Installing Node.js version $NODE_VERSION_LOCAL" + nvm install "$NODE_VERSION_LOCAL" + local CURRENT_NVM_NODE + + CURRENT_NVM_NODE="$(nvm_version current)" + if [ "$(nvm_version "$NODE_VERSION_LOCAL")" == "$CURRENT_NVM_NODE" ]; then + nvm_echo "=> Node.js version $NODE_VERSION_LOCAL has been successfully installed" + else + nvm_echo >&2 "Failed to install Node.js $NODE_VERSION_LOCAL" + fi +} + +install_nvm_as_script() { + local INSTALL_DIR + INSTALL_DIR="$(nvm_install_dir)" + local NVM_SOURCE_LOCAL + NVM_SOURCE_LOCAL="$(nvm_source script)" + local NVM_EXEC_SOURCE + NVM_EXEC_SOURCE="$(nvm_source script-nvm-exec)" + local NVM_BASH_COMPLETION_SOURCE + NVM_BASH_COMPLETION_SOURCE="$(nvm_source script-nvm-bash-completion)" + + # Downloading to $INSTALL_DIR + mkdir -p "$INSTALL_DIR" + if [ -f "$INSTALL_DIR/nvm.sh" ]; then + nvm_echo "=> nvm is already installed in $INSTALL_DIR, trying to update the script" + else + nvm_echo "=> Downloading nvm as script to '$INSTALL_DIR'" + fi + nvm_download -s "$NVM_SOURCE_LOCAL" -o "$INSTALL_DIR/nvm.sh" || { + nvm_echo >&2 "Failed to download '$NVM_SOURCE_LOCAL'" + return 1 + } & + nvm_download -s "$NVM_EXEC_SOURCE" -o "$INSTALL_DIR/nvm-exec" || { + nvm_echo >&2 "Failed to download '$NVM_EXEC_SOURCE'" + return 2 + } & + nvm_download -s "$NVM_BASH_COMPLETION_SOURCE" -o "$INSTALL_DIR/bash_completion" || { + nvm_echo >&2 "Failed to download '$NVM_BASH_COMPLETION_SOURCE'" + return 2 + } & + for job in $(jobs -p | command sort) + do + wait "$job" || return $? + done + chmod a+x "$INSTALL_DIR/nvm-exec" || { + nvm_echo >&2 "Failed to mark '$INSTALL_DIR/nvm-exec' as executable" + return 3 + } +} + +nvm_try_profile() { + if [ -z "${1-}" ] || [ ! -f "${1}" ]; then + return 1 + fi + nvm_echo "${1}" +} + +# +# Detect profile file if not specified as environment variable +# (eg: PROFILE=~/.myprofile) +# The echo'ed path is guaranteed to be an existing file +# Otherwise, an empty string is returned +# +nvm_detect_profile() { + if [ "${PROFILE-}" = '/dev/null' ]; then + # the user has specifically requested NOT to have nvm touch their profile + return + fi + + if [ -n "${PROFILE}" ] && [ -f "${PROFILE}" ]; then + nvm_echo "${PROFILE}" + return + fi + + local DETECTED_PROFILE + DETECTED_PROFILE='' + + if [ "${SHELL#*bash}" != "$SHELL" ]; then + if [ -f "$HOME/.bashrc" ]; then + DETECTED_PROFILE="$HOME/.bashrc" + elif [ -f "$HOME/.bash_profile" ]; then + DETECTED_PROFILE="$HOME/.bash_profile" + fi + elif [ "${SHELL#*zsh}" != "$SHELL" ]; then + if [ -f "$HOME/.zshrc" ]; then + DETECTED_PROFILE="$HOME/.zshrc" + elif [ -f "$HOME/.zprofile" ]; then + DETECTED_PROFILE="$HOME/.zprofile" + fi + fi + + if [ -z "$DETECTED_PROFILE" ]; then + for EACH_PROFILE in ".profile" ".bashrc" ".bash_profile" ".zprofile" ".zshrc" + do + if DETECTED_PROFILE="$(nvm_try_profile "${HOME}/${EACH_PROFILE}")"; then + break + fi + done + fi + + if [ -n "$DETECTED_PROFILE" ]; then + nvm_echo "$DETECTED_PROFILE" + fi +} + +# +# Check whether the user has any globally-installed npm modules in their system +# Node, and warn them if so. +# +nvm_check_global_modules() { + local NPM_COMMAND + NPM_COMMAND="$(command -v npm 2>/dev/null)" || return 0 + [ -n "${NVM_DIR}" ] && [ -z "${NPM_COMMAND%%"$NVM_DIR"/*}" ] && return 0 + + local NPM_VERSION + NPM_VERSION="$(npm --version)" + NPM_VERSION="${NPM_VERSION:--1}" + [ "${NPM_VERSION%%[!-0-9]*}" -gt 0 ] || return 0 + + local NPM_GLOBAL_MODULES + NPM_GLOBAL_MODULES="$( + npm list -g --depth=0 | + command sed -e '/ npm@/d' -e '/ (empty)$/d' + )" + + local MODULE_COUNT + MODULE_COUNT="$( + command printf %s\\n "$NPM_GLOBAL_MODULES" | + command sed -ne '1!p' | # Remove the first line + wc -l | command tr -d ' ' # Count entries + )" + + if [ "${MODULE_COUNT}" != '0' ]; then + # shellcheck disable=SC2016 + nvm_echo '=> You currently have modules installed globally with `npm`. These will no' + # shellcheck disable=SC2016 + nvm_echo '=> longer be linked to the active version of Node when you install a new node' + # shellcheck disable=SC2016 + nvm_echo '=> with `nvm`; and they may (depending on how you construct your `$PATH`)' + # shellcheck disable=SC2016 + nvm_echo '=> override the binaries of modules installed with `nvm`:' + nvm_echo + + command printf %s\\n "$NPM_GLOBAL_MODULES" + nvm_echo '=> If you wish to uninstall them at a later point (or re-install them under your' + # shellcheck disable=SC2016 + nvm_echo '=> `nvm` Nodes), you can remove them from the system Node as follows:' + nvm_echo + nvm_echo ' $ nvm use system' + nvm_echo ' $ npm uninstall -g a_module' + nvm_echo + fi +} + +nvm_do_install() { + if [ -n "${NVM_DIR-}" ] && ! [ -d "${NVM_DIR}" ]; then + if [ -e "${NVM_DIR}" ]; then + nvm_echo >&2 "File \"${NVM_DIR}\" has the same name as installation directory." + exit 1 + fi + + if [ "${NVM_DIR}" = "$(nvm_default_install_dir)" ]; then + mkdir "${NVM_DIR}" + else + nvm_echo >&2 "You have \$NVM_DIR set to \"${NVM_DIR}\", but that directory does not exist. Check your profile files and environment." + exit 1 + fi + fi + # Disable the optional which check, https://www.shellcheck.net/wiki/SC2230 + # shellcheck disable=SC2230 + if nvm_has xcode-select && [ "$(xcode-select -p >/dev/null 2>/dev/null ; echo $?)" = '2' ] && [ "$(which git)" = '/usr/bin/git' ] && [ "$(which curl)" = '/usr/bin/curl' ]; then + nvm_echo >&2 'You may be on a Mac, and need to install the Xcode Command Line Developer Tools.' + # shellcheck disable=SC2016 + nvm_echo >&2 'If so, run `xcode-select --install` and try again. If not, please report this!' + exit 1 + fi + if [ -z "${METHOD}" ]; then + # Autodetect install method + if nvm_has git; then + install_nvm_from_git + elif nvm_has curl || nvm_has wget; then + install_nvm_as_script + else + nvm_echo >&2 'You need git, curl, or wget to install nvm' + exit 1 + fi + elif [ "${METHOD}" = 'git' ]; then + if ! nvm_has git; then + nvm_echo >&2 "You need git to install nvm" + exit 1 + fi + install_nvm_from_git + elif [ "${METHOD}" = 'script' ]; then + if ! nvm_has curl && ! nvm_has wget; then + nvm_echo >&2 "You need curl or wget to install nvm" + exit 1 + fi + install_nvm_as_script + else + nvm_echo >&2 "The environment variable \$METHOD is set to \"${METHOD}\", which is not recognized as a valid installation method." + exit 1 + fi + + nvm_echo + + local NVM_PROFILE + NVM_PROFILE="$(nvm_detect_profile)" + local PROFILE_INSTALL_DIR + PROFILE_INSTALL_DIR="$(nvm_install_dir | command sed "s:^$HOME:\$HOME:")" + + SOURCE_STR="\\nexport NVM_DIR=\"${PROFILE_INSTALL_DIR}\"\\n[ -s \"\$NVM_DIR/nvm.sh\" ] && \\. \"\$NVM_DIR/nvm.sh\" # This loads nvm\\n" + + # shellcheck disable=SC2016 + COMPLETION_STR='[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion\n' + BASH_OR_ZSH=false + + if [ -z "${NVM_PROFILE-}" ] ; then + local TRIED_PROFILE + if [ -n "${PROFILE}" ]; then + TRIED_PROFILE="${NVM_PROFILE} (as defined in \$PROFILE), " + fi + nvm_echo "=> Profile not found. Tried ${TRIED_PROFILE-}~/.bashrc, ~/.bash_profile, ~/.zprofile, ~/.zshrc, and ~/.profile." + nvm_echo "=> Create one of them and run this script again" + nvm_echo " OR" + nvm_echo "=> Append the following lines to the correct file yourself:" + command printf "${SOURCE_STR}" + nvm_echo + else + if nvm_profile_is_bash_or_zsh "${NVM_PROFILE-}"; then + BASH_OR_ZSH=true + fi + if ! command grep -qc '/nvm.sh' "$NVM_PROFILE"; then + nvm_echo "=> Appending nvm source string to $NVM_PROFILE" + command printf "${SOURCE_STR}" >> "$NVM_PROFILE" + else + nvm_echo "=> nvm source string already in ${NVM_PROFILE}" + fi + # shellcheck disable=SC2016 + if ${BASH_OR_ZSH} && ! command grep -qc '$NVM_DIR/bash_completion' "$NVM_PROFILE"; then + nvm_echo "=> Appending bash_completion source string to $NVM_PROFILE" + command printf "$COMPLETION_STR" >> "$NVM_PROFILE" + else + nvm_echo "=> bash_completion source string already in ${NVM_PROFILE}" + fi + fi + if ${BASH_OR_ZSH} && [ -z "${NVM_PROFILE-}" ] ; then + nvm_echo "=> Please also append the following lines to the if you are using bash/zsh shell:" + command printf "${COMPLETION_STR}" + fi + + # Source nvm + # shellcheck source=/dev/null + \. "$(nvm_install_dir)/nvm.sh" + + nvm_check_global_modules + + nvm_install_node + + nvm_reset + + nvm_echo "=> Close and reopen your terminal to start using nvm or run the following to use it now:" + command printf "${SOURCE_STR}" + if ${BASH_OR_ZSH} ; then + command printf "${COMPLETION_STR}" + fi +} + +# +# Unsets the various functions defined +# during the execution of the install script +# +nvm_reset() { + unset -f nvm_has nvm_install_dir nvm_latest_version nvm_profile_is_bash_or_zsh \ + nvm_source nvm_node_version nvm_download install_nvm_from_git nvm_install_node \ + install_nvm_as_script nvm_try_profile nvm_detect_profile nvm_check_global_modules \ + nvm_do_install nvm_reset nvm_default_install_dir nvm_grep +} + +[ "_$NVM_ENV" = "_testing" ] || nvm_do_install + +} # this ensures the entire script is downloaded # diff --git a/pages/index.vue b/pages/index.vue index 75041901b..b6fdd7ea0 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,17 +1,61 @@ - + +