Support for Statamic 5

composer.json

@@ -11,7 +11,7 @@
   "extra": {
     "statamic": {
       "name": "Iconamic",
-      "description": "The SVG Icon Selector for Statamic 3"
+      "description": "The SVG Icon Selector for Statamic"
     },
     "laravel": {
       "providers": [
@@ -20,8 +20,8 @@
     }
   },
   "require": {
-    "php": "^8.0",
-    "statamic/cms": "~3.3|^4.0"
+    "php": "^8.2",
+    "statamic/cms": "^4.0 || ^5.0"
   },
   "autoload-dev": {
     "psr-4": {

package.json

@@ -1,19 +1,12 @@
 {
     "private": true,
     "scripts": {
-        "dev": "mix",
-        "development": "mix",
-        "watch": "mix watch",
-        "watch-poll": "mix watch -- --watch-options-poll=1000",
-        "hot": "mix watch --hot",
-        "prod": "npm run production",
-        "production": "mix --production"
-    },
-    "dependencies": {
-        "laravel-mix": "^6.0.43"
+        "dev": "vite",
+        "build": "vite build"
     },
     "devDependencies": {
-        "vue-loader": "^15.10.1",
-        "vue-template-compiler": "^2.7.14"
+        "@vitejs/plugin-vue2": "^2.2.0",
+        "laravel-vite-plugin": "^0.7.2",
+        "vite": "^4.0.0"
     }
 }

resources/dist/build/assets/index-78a0ade5.css

@@ -0,0 +1 @@
+.iconamic-is-svg svg{width:28px;height:28px;object-fit:contain}

resources/dist/build/manifest.json

@@ -0,0 +1,14 @@
+{
+  "resources/js/index.css": {
+    "file": "assets/index-78a0ade5.css",
+    "src": "resources/js/index.css"
+  },
+  "resources/js/index.js": {
+    "css": [
+      "assets/index-78a0ade5.css"
+    ],
+    "file": "assets/index-f3f09a68.js",
+    "isEntry": true,
+    "src": "resources/js/index.js"
+  }
+}

src/ServiceProvider.php

@@ -13,10 +13,6 @@ class ServiceProvider extends AddonServiceProvider
         IconamicFieldtype::class
     ];
 
-    protected $scripts = [
-        __DIR__.'/../dist/js/iconamic.js'
-    ];
-
     protected $tags = [
         IconamicTag::class
     ];
@@ -25,4 +21,11 @@ class ServiceProvider extends AddonServiceProvider
         // v1.0.2
         MoveConfigFile::class
     ];
+
+    protected $vite = [
+        'input' => [
+            'resources/js/index.js',
+        ],
+        'publicDirectory' => 'resources/dist',
+    ];
 }

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/index.js'
+            ],
+            publicDirectory: 'resources/dist',
+        }),
+        vue(),
+    ],
+});