remove vue asset and use jsdelivr

app/views/merged/form/_editor.haml

@@ -1,5 +1,3 @@
-%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
-%script{:src => "https://cdn.jsdelivr.net/npm/marked/marked.min.js"}
 .editor.mt-4
   You can use
   =link_to "markdown" , "https://www.markdown-cheatsheet.com/" , class: :underline, target: :blank

app/views/merged/images/_editor.haml

@@ -1,3 +1,4 @@
+%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
 
 %section.image
   .flex.justify-between.mx-20

app/views/merged/images/index.haml

@@ -1,13 +1,11 @@
+%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
+
 .mx-20.flex.h-16.items-center.gap-16
   .text-xl.font-bold.text-gray-900
     = text_for_index
 
   = link_to(merged.new_image_path(new_link_params) ) do
     .button.action New Image
-- if Rails.env.development?
-  = javascript_include_tag "merged/vue.js"
--else
-  = javascript_include_tag "merged/vue.min.js"
 
 .images
   .flex.justify-center.gap-4

app/views/merged/images/show.haml

@@ -1,3 +1,5 @@
+%script{:src => "https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"}
+
 .mx-20.flex.h-16.items-center.gap-16
   .text-xl.font-bold.text-gray-900
     Image: #{@image.name}
@@ -5,11 +7,6 @@
   =link_to merged.image_copy_path(@image.id) do
     %button.mx-40.button.change Copy
 
-- if Rails.env.development?
-  = javascript_include_tag "merged/vue.js"
--else
-  = javascript_include_tag "merged/vue.min.js"
-
 .flex.m-20
   .left.flex.gap-2.mt-3
     %p

lib/merged/engine.rb

@@ -10,7 +10,7 @@ module Merged
   class Engine < ::Rails::Engine
     isolate_namespace Merged
     initializer "merged.assets.precompile" do |app|
-      app.config.assets.precompile += %w( merged/merged.css merged/vue.js merged/vue.min.js
+      app.config.assets.precompile += %w( merged/merged.css 
                         merged/home merged/merged_logo)
       add_image_assets(app.config , "section_preview")
       add_image_assets(app.config , "card_preview")