Set a default for the group

.gitignore

@@ -2,3 +2,4 @@ composer.lock
 node_modules
 /vendor
 mix-manifest.json
+yarn.lock

package.json

@@ -0,0 +1,15 @@
+{
+    "private": true,
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue2": "^2.2.0",
+        "laravel-vite-plugin": "^0.7.2",
+        "postcss": "^8.4.41",
+        "tailwindcss": "^3.4.10",
+        "vite": "^4.0.0",
+        "vue": "^2.6.11"
+    }
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {}
+    },
+};

resources/blueprints/vendor/runway/language_line.yaml

@@ -12,18 +12,17 @@ tabs:
               validate: required
               localizable: false
           -
-            handle: group
+            handle: text
             field:
-              type: text
-              display: Group
-              validate: required
+              type: locale_select_array
+              display: Translations
               localizable: false
-              placeholder: 'In general this will be "*"'
-              default: '*'
           -
-            handle: text
+            handle: group
             field:
-              type: locale_select_array
-              display: Text
+              default: '*'
+              type: hidden
+              display: Group
               localizable: false
+              visibility: hidden
 title: 'Language line'

resources/dist/build/manifest.json

@@ -0,0 +1,7 @@
+{
+  "resources/js/translation-manager.js": {
+    "file": "assets/translation-manager-62298d23.js",
+    "isEntry": true,
+    "src": "resources/js/translation-manager.js"
+  }
+}

resources/js/components/fieldtypes/LocaleSelectArrayFieldtype.vue

@@ -3,7 +3,7 @@
         <table class="data-table">
             <thead>
                 <tr>
-                    <th>Key</th>
+                    <th>Locale</th>
                     <th>Value</th>
                     <th>Actions</th>
                 </tr>

src/ServiceProvider.php

@@ -10,6 +10,13 @@
 
 class ServiceProvider extends AddonServiceProvider
 {
+    protected $vite = [
+        'input' => [
+            'resources/js/translation-manager.js',
+        ],
+        'publicDirectory' => 'resources/dist',
+    ];
+
     public function register()
     {
         $this->app->register(TranslationServiceProvider::class, true);
@@ -27,6 +34,7 @@ protected function bootRunway(): self
         config(['runway.resources' => array_merge(
             [LanguageLine::class => [
                 'name' => 'Translations',
+                'primary_column' => 'key'
             ]],
             config('runway.resources') ?? []
         )]);

tailwind.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    content: [
+        './resources/js/components/**/*.vue',
+    ]
+}

vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+import vue from '@vitejs/plugin-vue2';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: [
+                'resources/js/translation-manager.js',
+            ],
+            publicDirectory: 'resources/dist',
+        }),
+        vue(),
+    ],
+});