Rename resources/scripts-v2 to resources/scripts and drop @v2 alias

Now that the legacy v1 frontend (commit 064bdf53) is gone, the v2 directory is the only frontend and the v2 suffix is just noise. Renames resources/scripts-v2 to resources/scripts via git mv (so git records the move as renames, preserving blame and log --follow), then bulk-rewrites the 152 files that imported via @v2/... to use @/scripts/... instead. The existing @ alias (resources/) covers the new path with no extra config needed.

Drops the now-unused @v2 alias from vite.config.js and points the laravel-vite-plugin entry at resources/scripts/main.ts. Updates the only blade reference (resources/views/app.blade.php) to match. The package.json test script (eslint ./resources/scripts) automatically targets the right place after the rename without any edit.

Verified: npm run build exits clean and the Vite warning lines now reference resources/scripts/plugins/i18n.ts, confirming every import resolved through the new path. git log --follow on any moved file walks back through its scripts-v2 history.

resources/scripts/components/editor/RichEditor.vue

@@ -0,0 +1,257 @@
+<template>
+  <ContentPlaceholder v-if="contentLoading">
+    <ContentPlaceholderBox
+      :rounded="true"
+      class="w-full"
+      style="height: 200px"
+    />
+  </ContentPlaceholder>
+  <div
+    v-else
+    class="box-border w-full text-sm leading-8 text-left bg-surface border border-line-light rounded-xl shadow min-h-[200px] overflow-hidden"
+  >
+    <div v-if="editor" class="editor-content">
+      <div class="flex justify-end p-2 border-b border-line-light md:hidden">
+        <BaseDropdown width-class="w-48">
+          <template #activator>
+            <div
+              class="flex items-center justify-center w-6 h-6 ml-2 text-sm text-heading bg-surface rounded-xs md:h-9 md:w-9"
+            >
+              <EllipsisVerticalIcon class="w-6 h-6 text-body" />
+            </div>
+          </template>
+          <div class="flex flex-wrap space-x-1">
+            <button
+              v-for="button in editorButtons"
+              type="button"
+              :key="button.name"
+              class="p-1 rounded hover:bg-surface-tertiary"
+              @click="button.action"
+            >
+              <component
+                :is="button.icon"
+                v-if="button.icon"
+                class="w-4 h-4 text-body fill-current text-body"
+              />
+              <span v-else-if="button.text" class="px-1 text-sm font-medium text-body">
+                {{ button.text }}
+              </span>
+            </button>
+          </div>
+        </BaseDropdown>
+      </div>
+      <div class="hidden p-2 border-b border-line-light md:flex">
+        <div class="flex flex-wrap space-x-1">
+          <button
+              v-for="button in editorButtons"
+              type="button"
+              :key="button.name"
+              class="p-1 rounded hover:bg-surface-tertiary"
+              @click="button.action"
+            >
+              <component
+                :is="button.icon"
+                v-if="button.icon"
+                class="w-4 h-4 text-body fill-current text-body"
+              />
+              <span v-else-if="button.text" class="px-1 text-sm font-medium text-body">
+                {{ button.text }}
+              </span>
+            </button>
+        </div>
+      </div>
+      <editor-content
+        :editor="editor"
+        class="box-border relative w-full text-sm leading-8 text-left editor__content"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onUnmounted, watch, markRaw } from 'vue'
+import type { Component } from 'vue'
+import { useEditor, EditorContent } from '@tiptap/vue-3'
+import StarterKit from '@tiptap/starter-kit'
+import TextAlign from '@tiptap/extension-text-align'
+import { EllipsisVerticalIcon } from '@heroicons/vue/24/outline'
+import {
+  BoldIcon,
+  CodingIcon,
+  ItalicIcon,
+  ListIcon,
+  ListUlIcon,
+  ParagraphIcon,
+  QuoteIcon,
+  StrikethroughIcon,
+  UndoIcon,
+  RedoIcon,
+  CodeBlockIcon,
+  MenuCenterIcon,
+} from '@/scripts/components/editor/icons/index'
+import {
+  Bars3BottomLeftIcon,
+  Bars3BottomRightIcon,
+  Bars3Icon,
+  LinkIcon,
+} from '@heroicons/vue/24/solid'
+import { ContentPlaceholder, ContentPlaceholderBox } from '../layout'
+
+interface EditorButton {
+  name: string
+  icon?: Component
+  text?: string
+  action: () => void
+}
+
+interface Props {
+  modelValue?: string
+  contentLoading?: boolean
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: string): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: '',
+  contentLoading: false,
+})
+
+const emit = defineEmits<Emits>()
+
+const editor = useEditor({
+  content: props.modelValue,
+  extensions: [
+    StarterKit.configure({
+      link: { openOnClick: false },
+    }),
+    TextAlign.configure({
+      types: ['heading', 'paragraph'],
+      alignments: ['left', 'right', 'center', 'justify'],
+    }),
+  ],
+  onUpdate: ({ editor: ed }) => {
+    emit('update:modelValue', ed.getHTML())
+  },
+})
+
+const editorButtons = ref<EditorButton[]>([
+  { name: 'bold', icon: markRaw(BoldIcon) as Component, action: () => editor.value?.chain().focus().toggleBold().run() },
+  { name: 'italic', icon: markRaw(ItalicIcon) as Component, action: () => editor.value?.chain().focus().toggleItalic().run() },
+  { name: 'strike', icon: markRaw(StrikethroughIcon) as Component, action: () => editor.value?.chain().focus().toggleStrike().run() },
+  { name: 'code', icon: markRaw(CodingIcon) as Component, action: () => editor.value?.chain().focus().toggleCode().run() },
+  { name: 'paragraph', icon: markRaw(ParagraphIcon) as Component, action: () => editor.value?.chain().focus().setParagraph().run() },
+  { name: 'h1', text: 'H1', action: () => editor.value?.chain().focus().toggleHeading({ level: 1 }).run() },
+  { name: 'h2', text: 'H2', action: () => editor.value?.chain().focus().toggleHeading({ level: 2 }).run() },
+  { name: 'h3', text: 'H3', action: () => editor.value?.chain().focus().toggleHeading({ level: 3 }).run() },
+  { name: 'bulletList', icon: markRaw(ListUlIcon) as Component, action: () => editor.value?.chain().focus().toggleBulletList().run() },
+  { name: 'orderedList', icon: markRaw(ListIcon) as Component, action: () => editor.value?.chain().focus().toggleOrderedList().run() },
+  { name: 'blockquote', icon: markRaw(QuoteIcon) as Component, action: () => editor.value?.chain().focus().toggleBlockquote().run() },
+  { name: 'codeBlock', icon: markRaw(CodeBlockIcon) as Component, action: () => editor.value?.chain().focus().toggleCodeBlock().run() },
+  { name: 'undo', icon: markRaw(UndoIcon) as Component, action: () => editor.value?.chain().focus().undo().run() },
+  { name: 'redo', icon: markRaw(RedoIcon) as Component, action: () => editor.value?.chain().focus().redo().run() },
+  { name: 'alignLeft', icon: markRaw(Bars3BottomLeftIcon) as Component, action: () => editor.value?.chain().focus().setTextAlign('left').run() },
+  { name: 'alignRight', icon: markRaw(Bars3BottomRightIcon) as Component, action: () => editor.value?.chain().focus().setTextAlign('right').run() },
+  { name: 'alignJustify', icon: markRaw(Bars3Icon) as Component, action: () => editor.value?.chain().focus().setTextAlign('justify').run() },
+  { name: 'alignCenter', icon: markRaw(MenuCenterIcon) as Component, action: () => editor.value?.chain().focus().setTextAlign('center').run() },
+  {
+    name: 'addLink',
+    icon: markRaw(LinkIcon) as Component,
+    action: () => {
+      const url = window.prompt('URL')
+      if (url) {
+        editor.value?.chain().focus().setLink({ href: url }).run()
+      }
+    },
+  },
+])
+
+watch(
+  () => props.modelValue,
+  (newValue: string) => {
+    if (editor.value && newValue !== editor.value.getHTML()) {
+      editor.value.commands.setContent(newValue, false)
+    }
+  }
+)
+
+onUnmounted(() => {
+  if (editor.value) {
+    editor.value.destroy()
+  }
+})
+</script>
+
+<style>
+@reference "../../../css/invoiceshelf.css";
+
+.ProseMirror {
+  min-height: 200px;
+  padding: 8px 12px;
+  outline: none;
+  @apply rounded-xl rounded-tl-none rounded-tr-none border border-transparent;
+
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+
+  h2 {
+    font-size: 1.5em;
+    font-weight: bold;
+  }
+
+  h3 {
+    font-size: 1.17em;
+    font-weight: bold;
+  }
+
+  ul {
+    padding: 0 1rem;
+    list-style: disc !important;
+  }
+
+  ol {
+    padding: 0 1rem;
+    list-style: auto !important;
+  }
+
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid var(--color-line-default);
+  }
+
+  code {
+    background-color: rgba(97, 97, 97, 0.1);
+    color: #616161;
+    border-radius: 0.4rem;
+    font-size: 0.9rem;
+    padding: 0.1rem 0.3rem;
+  }
+
+  pre {
+    background: #0d0d0d;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+
+    code {
+      color: inherit;
+      padding: 0;
+      background: none;
+      font-size: 0.8rem;
+    }
+  }
+
+  a {
+    color: var(--color-primary-500);
+    text-decoration: underline;
+  }
+}
+
+.ProseMirror:focus {
+  @apply border border-primary-400 ring-primary-400;
+}
+</style>

resources/scripts/components/editor/icons/BoldIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M17.194 10.962A6.271 6.271 0 0012.844.248H4.3a1.25 1.25 0 000 2.5h1.013a.25.25 0 01.25.25V21a.25.25 0 01-.25.25H4.3a1.25 1.25 0 100 2.5h9.963a6.742 6.742 0 002.93-12.786zm-4.35-8.214a3.762 3.762 0 010 7.523H8.313a.25.25 0 01-.25-.25V3a.25.25 0 01.25-.25zm1.42 18.5H8.313a.25.25 0 01-.25-.25v-7.977a.25.25 0 01.25-.25h5.951a4.239 4.239 0 010 8.477z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/CodeBlockIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M9.147 21.552a1.244 1.244 0 01-.895-.378L.84 13.561a2.257 2.257 0 010-3.125l7.412-7.613a1.25 1.25 0 011.791 1.744l-6.9 7.083a.5.5 0 000 .7l6.9 7.082a1.25 1.25 0 01-.9 2.122zm5.707 0a1.25 1.25 0 01-.9-2.122l6.9-7.083a.5.5 0 000-.7l-6.9-7.082a1.25 1.25 0 011.791-1.744l7.411 7.612a2.257 2.257 0 010 3.125l-7.412 7.614a1.244 1.244 0 01-.89.38zm6.514-9.373z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/CodingIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M9.147 21.552a1.244 1.244 0 01-.895-.378L.84 13.561a2.257 2.257 0 010-3.125l7.412-7.613a1.25 1.25 0 011.791 1.744l-6.9 7.083a.5.5 0 000 .7l6.9 7.082a1.25 1.25 0 01-.9 2.122zm5.707 0a1.25 1.25 0 01-.9-2.122l6.9-7.083a.5.5 0 000-.7l-6.9-7.082a1.25 1.25 0 011.791-1.744l7.411 7.612a2.257 2.257 0 010 3.125l-7.412 7.614a1.244 1.244 0 01-.89.38zm6.514-9.373z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/ItalicIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.5.248h-7.637a1.25 1.25 0 000 2.5h1.086a.25.25 0 01.211.384L4.78 21.017a.5.5 0 01-.422.231H1.5a1.25 1.25 0 000 2.5h7.637a1.25 1.25 0 000-2.5H8.051a.25.25 0 01-.211-.384L19.22 2.98a.5.5 0 01.422-.232H22.5a1.25 1.25 0 000-2.5z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/ListIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M7.75 4.5h15a1 1 0 000-2h-15a1 1 0 000 2zm15 6.5h-15a1 1 0 100 2h15a1 1 0 000-2zm0 8.5h-15a1 1 0 000 2h15a1 1 0 000-2zM2.212 17.248a2 2 0 00-1.933 1.484.75.75 0 101.45.386.5.5 0 11.483.63.75.75 0 100 1.5.5.5 0 11-.482.635.75.75 0 10-1.445.4 2 2 0 103.589-1.648.251.251 0 010-.278 2 2 0 00-1.662-3.111zm2.038-6.5a2 2 0 00-4 0 .75.75 0 001.5 0 .5.5 0 011 0 1.031 1.031 0 01-.227.645L.414 14.029A.75.75 0 001 15.248h2.5a.75.75 0 000-1.5h-.419a.249.249 0 01-.195-.406L3.7 12.33a2.544 2.544 0 00.55-1.582zM4 5.248h-.25A.25.25 0 013.5 5V1.623A1.377 1.377 0 002.125.248H1.5a.75.75 0 000 1.5h.25A.25.25 0 012 2v3a.25.25 0 01-.25.25H1.5a.75.75 0 000 1.5H4a.75.75 0 000-1.5z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/ListUlIcon.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <circle cx="2.5" cy="3.998" r="2.5"></circle>
+    <path d="M8.5 5H23a1 1 0 000-2H8.5a1 1 0 000 2z"></path>
+    <circle cx="2.5" cy="11.998" r="2.5"></circle>
+    <path d="M23 11H8.5a1 1 0 000 2H23a1 1 0 000-2z"></path>
+    <circle cx="2.5" cy="19.998" r="2.5"></circle>
+    <path d="M23 19H8.5a1 1 0 000 2H23a1 1 0 000-2z"></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/MenuCenterIcon.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M3.75 5.25h16.5a.75.75 0 1 1 0 1.5H3.75a.75.75 0 0 1 0-1.5zm4 4h8.5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 1 1 0-1.5zm-4 4h16.5a.75.75 0 1 1 0 1.5H3.75a.75.75 0 1 1 0-1.5zm4 4h8.5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 1 1 0-1.5z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/ParagraphIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.5.248H7.228a6.977 6.977 0 100 13.954h2.318a.25.25 0 01.25.25V22.5a1.25 1.25 0 002.5 0V3a.25.25 0 01.25-.25h3.682a.25.25 0 01.25.25v19.5a1.25 1.25 0 002.5 0V3a.249.249 0 01.25-.25H22.5a1.25 1.25 0 000-2.5zM9.8 11.452a.25.25 0 01-.25.25H7.228a4.477 4.477 0 110-8.954h2.318A.25.25 0 019.8 3z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/QuoteIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M18.559 3.932a4.942 4.942 0 100 9.883 4.609 4.609 0 001.115-.141.25.25 0 01.276.368 6.83 6.83 0 01-5.878 3.523 1.25 1.25 0 000 2.5 9.71 9.71 0 009.428-9.95V8.873a4.947 4.947 0 00-4.941-4.941zm-12.323 0a4.942 4.942 0 000 9.883 4.6 4.6 0 001.115-.141.25.25 0 01.277.368 6.83 6.83 0 01-5.878 3.523 1.25 1.25 0 000 2.5 9.711 9.711 0 009.428-9.95V8.873a4.947 4.947 0 00-4.942-4.941z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/RedoIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.608.161a.5.5 0 00-.545.108L19.472 2.86a.25.25 0 01-.292.045 12.537 12.537 0 00-12.966.865A12.259 12.259 0 006.1 23.632a1.25 1.25 0 001.476-2.018 9.759 9.759 0 01.091-15.809 10 10 0 019.466-1.1.25.25 0 01.084.409l-1.85 1.85a.5.5 0 00.354.853h6.7a.5.5 0 00.5-.5V.623a.5.5 0 00-.313-.462z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/StrikethroughIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M23.75 12.952A1.25 1.25 0 0022.5 11.7h-8.936a.492.492 0 01-.282-.09c-.722-.513-1.482-.981-2.218-1.432-2.8-1.715-4.5-2.9-4.5-4.863 0-2.235 2.207-2.569 3.523-2.569a4.54 4.54 0 013.081.764 2.662 2.662 0 01.447 1.99v.3a1.25 1.25 0 102.5 0v-.268a4.887 4.887 0 00-1.165-3.777C13.949.741 12.359.248 10.091.248c-3.658 0-6.023 1.989-6.023 5.069 0 2.773 1.892 4.512 4 5.927a.25.25 0 01-.139.458H1.5a1.25 1.25 0 000 2.5h10.977a.251.251 0 01.159.058 4.339 4.339 0 011.932 3.466c0 3.268-3.426 3.522-4.477 3.522-1.814 0-3.139-.405-3.834-1.173a3.394 3.394 0 01-.65-2.7 1.25 1.25 0 00-2.488-.246A5.76 5.76 0 004.4 21.753c1.2 1.324 3.114 2 5.688 2 4.174 0 6.977-2.42 6.977-6.022a6.059 6.059 0 00-.849-3.147.25.25 0 01.216-.377H22.5a1.25 1.25 0 001.25-1.255z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/UnderlineIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M22.5 21.248h-21a1.25 1.25 0 000 2.5h21a1.25 1.25 0 000-2.5zM1.978 2.748h1.363a.25.25 0 01.25.25v8.523a8.409 8.409 0 0016.818 0V3a.25.25 0 01.25-.25h1.363a1.25 1.25 0 000-2.5H16.3a1.25 1.25 0 000 2.5h1.363a.25.25 0 01.25.25v8.523a5.909 5.909 0 01-11.818 0V3a.25.25 0 01.25-.25H7.7a1.25 1.25 0 100-2.5H1.978a1.25 1.25 0 000 2.5z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/UndoIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M17.786 3.77a12.542 12.542 0 00-12.965-.865.249.249 0 01-.292-.045L1.937.269A.507.507 0 001.392.16a.5.5 0 00-.308.462v6.7a.5.5 0 00.5.5h6.7a.5.5 0 00.354-.854L6.783 5.115a.253.253 0 01-.068-.228.249.249 0 01.152-.181 10 10 0 019.466 1.1 9.759 9.759 0 01.094 15.809 1.25 1.25 0 001.473 2.016 12.122 12.122 0 005.013-9.961 12.125 12.125 0 00-5.127-9.9z"
+    ></path>
+  </svg>
+</template>

resources/scripts/components/editor/icons/index.ts

@@ -0,0 +1,29 @@
+import UnderlineIcon from './UnderlineIcon.vue'
+import BoldIcon from './BoldIcon.vue'
+import CodingIcon from './CodingIcon.vue'
+import ItalicIcon from './ItalicIcon.vue'
+import ListIcon from './ListIcon.vue'
+import ListUlIcon from './ListUlIcon.vue'
+import ParagraphIcon from './ParagraphIcon.vue'
+import QuoteIcon from './QuoteIcon.vue'
+import StrikethroughIcon from './StrikethroughIcon.vue'
+import UndoIcon from './UndoIcon.vue'
+import RedoIcon from './RedoIcon.vue'
+import CodeBlockIcon from './CodeBlockIcon.vue'
+import MenuCenterIcon from './MenuCenterIcon.vue'
+
+export {
+  UnderlineIcon,
+  BoldIcon,
+  CodingIcon,
+  ItalicIcon,
+  ListIcon,
+  ListUlIcon,
+  ParagraphIcon,
+  QuoteIcon,
+  StrikethroughIcon,
+  UndoIcon,
+  RedoIcon,
+  CodeBlockIcon,
+  MenuCenterIcon,
+}

resources/scripts/components/editor/index.ts

@@ -0,0 +1 @@
+export { default as RichEditor } from './RichEditor.vue'